Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Place image on page – part of main background

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #26865
    kgrennan
    Member

    http://www.kgrennan.com/images/kgrennanslices.jpg

    I am new to the css world so bear with my strength is design, learning code is a new game. I am trying to take slices 16,17,18 and have them show up in proper order. Do i just place them in the index code or the style.css and in what manner. If I am to code them in the index is it just a source image description or is it more. My header is in the index code centered in the style code. My goal is to use slice 17 and place a flash scroll function in any ideas on best practice for that would be great help. I will work through it but your help will get me to the end faster.

    #66923
    xhtmlit
    Member

    Hi kgrennan,

    You could use a top and a bottom image of that white window you got and then have a wrap div for the middle so the content expands vertically. That could make things easier for you. Something like this maybe in your index file;

    INDEX FILE;

    Code:
    div class=”top”>

    CSS FILE;

    Code:
    .top {width:;height:10px;background-image:url(/your top slice image)}
    .wrap {width:
    ;background-color:#FFF;overflow:hidden;}
    .bottom {width:
    ;height:10px;background-image:url(/your bottom slice image)}

    Something like that, you would slice the top round image with round corners and use also the bottom round corner image the same.

    You could also get into the CSS3 stuff my creating this window, you could also just use and position the round corners. This is some basic stuff which I hope gives you a better idea and helps out, that is if I understood your question right. :ugeek:

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.