text över bild..

2 svar · 298 visningar · startad av jofawe 8 jan. 2007

jofaweMedlem sedan mars 20062 194 inlägg

Frågan8 jan. 2007 22:19#1

Hej!

Vet nån ett snabbt och enkelt sätt att få en text att lägga sig över en bild (med div, eller java)
Bilden är 140x105 och texten ska ligga centrerat i bilden.

Jag försökte med div men det blev inte riktigt som jag ville..

sidan som det ska göras på:
http://www.vaxjovimmel.se/test/v2/hogerthumbbump.php
Det är alltså de bilderna jag vill ha en text på.

zcorpanMedlem sedan dec. 20042 245 inlägg

8 jan. 2007 23:01#2

p { float:left; position:relative; font-size:2em; color:white; background-color:black; }
img { display:block; }
span { position:absolute; top:50%; margin-top:-.5em; left:0; width:100%; text-align:center; }

<p><img alt="" src="http://www.vaxjovimmel.se/test/v2/bilder/20061225frontthumb.jpg"> <span>Text</span>
<p><img alt="" src="http://www.vaxjovimmel.se/test/v2/bilder/20061225frontthumb.jpg"> <span>Text</span>
<p><img alt="" src="http://www.vaxjovimmel.se/test/v2/bilder/20061225frontthumb.jpg"> <span>Text</span>

jofaweMedlem sedan mars 20062 194 inlägg

8 jan. 2007 23:07#3

ÅH, snabbt svar!
Men vad är det för något? Java? Css?