I'm having a hard time positioning some images in an element box.
I have a grey background with a white element box in a page. I want to round the corners of the box. However, there appears to be extra padding in an element box, but I have the padding set to zero, so perhaps I'm positioning the images all wrong.
You can view the problem here:
http://www.jacobjacobi.com/starch/files/index.html
The top part of the page is designed in a table. If you look at the second part, I'm now trying to design the exact same thing, but using purely CSS. I'm using float left and float right to move those images, but there is still padding on the left and right sides, and I'm not sure how to get rid of that.
In addition, is there a way to center my element box? I need a box element that's 550px wide, but I don't see how to center it. I tried align="center" in the p tag, but didn't work. I noticed you can specify a margin, but I wonder if there is a way to just straight out center it without specifying margins (trying to accommodate for a variety of screen sizes).
Thanks
Jacob |
