Jens R. rasmussen frembragte:
> Jens R. rasmussen wrote in dk.edb.internet.webdesign.html:
>> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>>> Den 05-09-2008, skrev Jens R. rasmussen:
>>>> Jeg har 3 små billeder som jeg gerne vil have til at stå
>>>> centreret i det aktuelle broservindue.
>>>> I mit css-dokument har jeg skrevet
>>>> img.billedeA {float:left;}
>>>> img.billedeB {float:left;}
>>>> img.billedeC {float:right;}
>>>>
>>>>
>>>> Billedet A og C står fint i hhv. venstre og højre side af
>>>> skærmen. Og billede B står med margin-afstand til billede A. Men
>>>> hvordan får jeg billede B til at stå midt imellem billede A og C?
>>>> Der findes vist ikke en center- eller middle-værdi, vel?
>>>
>>> Sæt text-align:center på det element du indsætter billederne i og
>>> undlad float på billede B.
>>>
>>> Birger
>>
>> Ja undskyld jeg kommer igen. Men jeg kan fortsat ikke få det til at
>> virke. Jeg gør nok noget galt. Du kan se min hjemmeside med de 3
>> billeder på
www.vinvenner.dk.
>> I mit html-dokument står de 3 billeder i en paragraf - altså:
>> <p>
>> <img src="billedeA" class="billedeA" />
>> <img src="billedeB" class="billedeB" />
>> <img src="billedeC" class="billedeC" />
>> </p>
>>
>> og i mit css-dokument står så
>> img.billedeA {float:left;}
>> img.billedeB {float:left;}
>> img.billedeC {float:right;}
>>
>> Det hjælper ikke i html-dokumentet, at ændre <p> til <p
>> text-align="center"> og slette class for billede B.
>>
>> Det hjælper heller ikke, at ændre <p> til <p class="centrer"> og
>> sætte følgende i css p.centrer {text-align: center;} - hverken med
>> eller uden class B i html-dokumentet.
>>
>> Ka' du gennemskue hvad jeg gør galt? På forhånd tak.
>
> Ups - jeg fandt fejlen. Jeg havde en generel img som satte en margin i
> css. Derfor skulle min specielle her lige have tilføjet
> margin-right:none. Nu ser det pænt ud: se bare
www.vinvenner.dk.
Nydeligt. Men det behøver du vist ikke bruge float for
.
Det er kun hvis du vil have de yderste billeder helt ud til siden.
Som det ser ud nu, kan du blot sætte passende margin på billederne, og
så angive text-align:center i elementet der indeholder dem.
<p> betyder paragraf, og er beregnet til inddeling af tekster.
Så IMHO bør du anvende en <div> som container for billederne.
Det virker fint med en <p>. Men det låser dig lidt, hvis du senere får
brug for en generel styling af paragraffer (og der er text-align:center
sikkert ikke noget du ønsker...)
Birger