Hey Guys! I'm trying to transition from tables to div's for my layout. I've been setting up this very simple layout in css but cant seem to get it to display properly with my images. I'm uploading the files to this thread so it's easier to access the images along with the html/css code. The border for each css style is for troubleshooting purposes, but I can't seem to get my images to display. Any ideas or suggestions are appreciated. Thanks in advance.
I've learned to look at the image properties to set the width and height of the div for a specific image. That is what I'm seeing for the the div navigation but not the others. I'm curious to see how you went about that. Thanks for the big help so far. It is much appreciated.
Thanks for getting back to me. The idea with using sprites is great! I get that 100% but am still having trouble understanding the header measurements. Where did you happen to come up with the number for 96px. I guess once I know that, I'll probably get what I'm missing. Thanks again!
Gotcha...actually looking at the css code and manipulating the numbers by playing around, I realize that it's not the numbers that were throwing me off, but it was the padding and height added together to equal height of the actual header image. I needed to get my head around to seeing the "big picture" and how it was functioning. Thanks a lot for your help. It is really much appreciated.
Ok...I realized why my images were not showing up from the css style sheet...
for some odd reason, index.html was referencing the css file because the background color would show up but not the background images.
So, I looked line by line again at your code and compared to mine. I realized that you put the css file in a sub folder css instead of leaving it in the root folder. When I did the same and made the index file reference css/styles.css, the background images all showed up. I have been pulling my hair out for sometime now because of something so small such as this but I will not forget this ever again. Not sure why the stylesheet needs to be in its own subfolder, but I will not forget it ever again LOL!
Call it good housekeeping.
hmm..that is odd since I put my stylesheet into a folder and referenced it by ../css/styles.css and it works as opposed to before when it was in its root folder being referenced as ../styles.css...it was the difference between my images showing up and not showing up.