On Feb 14, 2009, at 5:33 AM, 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? 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.
The border on div id="frontpagephoto" doesn't paint because you don't
specify a border-style; it then defaults to 'none;'. You better use
shorthand in this case:
#frontpagephoto {
border: black solid 1px;
}
As for the centering of the image, the current display is correct, the
image is inline, and pushed to the left-side by the text in the
floated box (ul) on the right.
maybe something like
#frontpagephoto h1 {margin: 10px 200px;}
#frontpagephoto img {display:block; margin: 0 auto;}
will do.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
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/
