Den 28-11-2010 10:33, Grith skrev:
> Hej
>
> Jeg har på denne side en boks med et billede i (øverst).
>
http://www.vangcounseling.com/index2.html
> Billedet var centreret, men så tilføjede jeg border-definitioner
> i min css (se nedenstående), og nu er boksen ikke centreret mere.
> HVORFOR? Jeg har ofte haft problemet, og forstår ikke hvad det
> er, der sker. Kan nogen hjælpe mig?
> På forhånd tak. Grith
>
> #logo {
> text-align:center;
> width:260px;
> background-color: #FFFFFF;
> border-width: 6px;
> border-style: double;
> border-color: #000000;
> }
>
Det du har er et billede inde i en boks, #logo,
som du ønsker at centrere. text-align: center
centrerer ikke en div, som er et blokelement.
Den nemme løsning er at centrere logo-boksen
i forhold til sidehoved-boksen. Giver du
sidstnævnte egenskab position:relative,
og
#logo {
width:260px;
margin:0 auto 0 auto;
....
}
Vil #logo blive centreret. En boks med
en fikseret bredde og auto-margin i venstre
og højre side vil blive centreret i forhold
til det overordnede element.
Jeg vil tillade mig at sige at du skal arbejde
lidt med dit visuelle design. Hvid tekst på
sort baggrund er simpelthen billigt. Skriften
er så lille at den bogstavelig talt er ulæseligt.
Kun versaler (store bogstaver) i en helt sætning
nedsætter læseligheden markant, og regnes for
at være amatørens varemærke. Det er vel næppe
det du ønsker?
--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign:
http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets:
http://webdesign101.dk/cssbog/
..