31. juli 2006 - 19:23Der er
8 kommentarer og 1 løsning
Tekst i midten af <div>?
Jeg har prøvet at lave en <div> der er 120px høj og 120px bred. Jeg har så taget et billede og lagt det ind i denne <div>. Billedet er imidlertid kun 90px gange 90px. Det jeg så gerne vil have gjort, er så billedet kommer til at ligge i midten (både horisontalt og vertikalt). Jeg har brugt en text-align:center og har forsøgt mig med vertical-align:middle, som jeg ville mene skulle kunne centere den lodret, men dette ser ikke ud til at være tilfældet.
Nogen der har en alternativ kode, eller et svar på hvordan det skal gøres?
Hmmm ... Havde nu håbet der var en lidt lettere løsning =/ Nå, men jeg bruger mclemens løsning da Google ikke er så glad for at indexere baggrundsbilleder ;)
((( eller med en table... det gør det lidt mere dynamisk da man ikke skal tænke på billedets str. ved centrering inde i td'en... <div style="float:left;position:relative;"><table style="border:0px;border-collapse:collapse;width:120px;height:120px;text-align:center;"><tr><td><img src="billede.jpg"><div style="position:absolute;top:50%;left:0px;height:20px;width:100%;margin-top:-10px;">center</div></td></tr></table></div> )))
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.