Centrer et billede

Og hvis i vil se det færdige resultat (senere) er det at se på www.polkaprik.tk

så

horisontalt, kan du gøre dette:

<div style="text-align:center;margin-left:auto;margin-right:auto;">
<img src="bla.jpg">
</div>

_eller_

<div style="width:100px;margin-left:-50px;left:50%;">
<img src="bla.jpg">
</div>

/Rune

<img src="" align="center" />

eller

<div style="text-align: center"><img src=""  /></div>

den sikreste i forhold til crossbrowser issue er align="center"

men han spurgte hvordan man centredede via CSS

lordhead >> jeg svarede både på hans spm og kom med endnu et forslag, så hvor vil du hen ?

Hmm. Tager text-align. men jeg skal også ha en vertikal!

vertical-align: middle

hvis du logger på din account på www.dot.tk
kan du fjerne popup'en - bare et lille tip

du kan ikke bare tage text-align - du skal også have noget mere kode med før det virker optimalt: <div style="text-align:center;margin-left:auto;margin-right:auto;">

Vertikalt har jeg ikke centreret så meget, men du kan da prøve dette:
<div style="..;top:50%;margin-top:-[halvdelen af billedets højde]px;">

tak for popup-tip. Gør det om lidt. :)

Er der virkelig ingenting der på en standard-måde kan centrere vertikalt? Jeg ved man kan i en table, men det gider jeg ikke... Ku ik få vertical-align: middle til at fungere..

har du prøvet mit forslag?

Ehm.. Se resultatet nu på siden (www.polkaprik.tk - husk at trykke opdater en gang). Lidt sjovt. :D Se hvad jeg bruger i kildekoden. HJÆLP!

Jeg synes det er ret sejt der faktisk er tvivl om sådan noget elementært! Hvad skal vi bruge teknologien til hvis man ikke kan sådan noget simpelt? :D

Kan forresten ikke få pop-up'en væk, men ser den ikke selv fordi jeg anyway bruger Opera...

glem det jeg sagde Prøv istedet:

margin-top:auto;margin-bottom:auto;

og se så om det virker

Har gjort det sidste.. Se selv!

Hmm, prøv dette:

margin-top: 50%;

Det virker vidst ikke optimalt, men alligevel. Ellers må jeg finde et gammelt spm frem ;-)

ja - ikke et godt resultat ;-(

ARGGGH! ;D Find et gammelt spørgsmål!

TABLES!! Fråde om munden.. Hvis ikke man kan lave det her i CSS så blir jeg sindssyg!

prøv at se på denne side http://milov.nl/forum/1/28

og i action: http://milov.nl/code/css/verticalcenter.html

<ole>

Det kan sagtens laves i CSS - bare brug en tabel  :)

/mvh
</bole>

tabeller er ikke lige mig. Men som de siger til sidst på det der forum lordhead linker til: det er mærkelig der ikke er blevet tilføjet sådan noget i CSS. Bruger bare hans trick. Mange tak!

PS: Hvis lordhead vil ha point så må der lige komme et svar

Tabeller er ellers (også i følge W3C) en uundværlig ting i HTML ... men bevares, sekterisk fundamentalisme er jo så meget oppe i tiden  ;o)
/mvh

Svarer :-)

Hehe.. Når man først har sat sig for at gøre noget i CSS. :D

Ordnede det forresten med at sætte billedet ind som baggrundsbillede (i CSS ;D), hvor man kan centrere begge veje. Jaja, det lykkedes. :D

Tak for hjælpen!

Ja, jeg prøvede mit bedste, men den løsning havde jeg vist ikke lige tænkt på ;-)

Og tak for points ;)