25. juni 2008 - 19:34
Der er
5 kommentarer og 1 løsning
Centering af billede
Hej eksperter Står og er i gang med at lave et billede galleri. Og heunder vil jeg gerne centerer et billede både vertikalt og horisontalt. boksen hvor billede er inde i, ser således ud: .boks { float:right; padding:0px 0px 0px 0px; width:150px; height:112px; text-align:center; vertical-align:middle; } <div class="boks"> <img src="billeder/test.jpg" /> </div> Og resultatet skal virke i IE, FF og Safari. Lige pt. centerer den kun billede horisontalt nemlig. Nogle som ved hvad jeg kan gøre? Med venlig hilsen Alex
Annonceindlæg tema
Forsvar & beredskab
Cybersikkerhed, realtidsdata og robuste it-systemer er blevet fundamentet for moderne forsvar.
Kender desværre ikke højden af billede. Ellers kunne man jo bare have ordnet det via noget padding!
Problem løst: //Henter højde og brede på billede list($widht, $height, $type, $attr) = getimagesize($filename); //Henter hvor meget px. der er fra toppen af billede til toppen af boksen. <?php if($height < 113){$top = (112 - $height) / 2;} ?> //Retter padding til at være den bestemte højde. <div class="boks" style="padding:<?php echo "$top"; ?>px 0px <?php echo "$top"; ?>px 0px;"> På den måde regner med ud hvor stor padding skal være både i bunden og højden. Med venlig hilsen Alex
^- Såfremt man gør det med serverside scripting og ikke DHTML - CSS som spørgsmålet er oprettet i ... Alternativet til Keyser's forslag er at bruge css'en fra spørger men bruge et table element istedet: <table class="boks"><tr><td><img src="billeder/test.jpg" /></td></tr></table>
Ja okay. Grunden til at jeg lagde spørgsmålet i CSS delen var fordi at jeg regnede med at det var der som svaret på mit spørgsmål skulle ligge. :o) Men tak for hjælpen alligevel.
- Jepper :o) ... Valgte bare lige at kaste det sidste forslag, hvis nu nogen senere sidder i samme problem uden serverside script tilgængelig.
Vi tilbyder markedets bedste kurser inden for webudvikling