Fractal Moonshine wrote: > I have validated both the XHTML and the CSS at W3C for this page: > > http://www.marketstreetsingers.org/posters/css/index.html > > How can I get the photo, div id="frontpagephoto", to be horizontally > centered, below the logo and the menu?
Add 'clear: both;' to #frontpagephoto, as otherwise it'll line up alongside the floating menu and be offset by it. > And, how can I get the black border around it again? For some reason, > that stopped working when I made the logo a background image, > instead of a part of the header. Declare the border on the image inside #frontpagephoto, not on #frontpagephoto itself. If you want distance between the image and its border, add a padding to the image. I've packed the above and a few other details into the following example... <http://www.gunlaug.no/tos/alien/fm/test_09_0214.html> <http://www.gunlaug.no/tos/alien/fm/test_09_0214_files/style000.css> ...so you can see how it'll turn out. Note that I've modified the markup for more sensible use of the h1. All other modifications are in the stylesheet. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
