Hi i am completly new to css and im trying to code a site from scratch for the first time ever without the use of dreamweaver, and im not getting very far lol. so far this what i have done www.custombebo.info/index1/html Code (markup): the problems i have is i cant place the images where i want them to go. This is what i want the layout to look like. can someone help me please.
Web: change the last slash to a . as it's blah blah . html Hmmm... so far, all I see is the one image, not the navigation. What I would do is have just one div with the background image that I think you're using for the background nav (the lighter green bar). Set some width on that which will fit the navigation and the image. The image, within this one div, can be floated right (there is no float: center, sorry : ). The navigation could be floated left. Or, have your one div with the background nav image, and just stick the <ul> (what you should use for your nav) within the div and it will automatically sit on the left side of this div. Set css for the menu to display: inline and change the other list defaults to make it look like your thumbnail. You could then take the image and position it to the right with a float left or with absolute positioning using for instance "bottom" and "right" (you'd state how many pixels from the bottom and from the right of this div you want the image to sit). As for the one div, positioning it in the middle of the page, you would use margins. Margins are the invisible outsides of elements. So for instance you would set the margin-top to 50% which would push the div to halfway down the page. Since you're new this is probably still confusing but I can probably explain better after I see it better. Check out the w3schools.com page for what choices you have for positioning. Generally, position: absolute shouldn't be used throughout a page, but using it here and there can be useful. The w3schools page only tells you what commands you can use. For instance, it will say there that float only goes "left" or "right".
Here are some ideas http://i34.photobucket.com/albums/d136/schroedingerscat/navbar.jpg No, I haven't figured out how to stick thumbnails up here.