PDA

View Full Version : How can I code this image?


yankeeschick
06-26-2008, 05:59 PM
I need to code up (with css and html) a section that looks like this:
http://yankees-chick.com/sample.gif

...But I have no idea how to go about it. A table? A div?

_Aerospace_Eng_
06-26-2008, 06:08 PM
A div. A few slices for the rounded corners. Use a list for the navigation. A list for the product images. I would have a repeating background image for the bottom navigation part. That box that says accessories, I would probably use absolute positioning or relative positioning.

jcdevelopment
06-26-2008, 06:10 PM
you would use a div and splice the images as always.

Then for the images in the middle you would create a list <ul> and float them left so they will fall inline. Position the the links on the right with floats and padding with a list, and same thing for the #'s. Just create a list and float it.

sybil6
06-27-2008, 09:44 AM
if you have no idea just make it with image ready.