Tekst op afbeelding

Door HS2005 op 30-11-2008 16:42

619 views

Ik heb in mijn css bestand een achtergrondkleur en in mijn html bestand een afbeelding staan:

<img src="images/bg.jpg" width="986" height="584" border="0" align="absmiddle" usemap="#Map"/>
<span class="welkomstekst"><?php echo $mon_phrase['welkomstekst']; ?></span>
</img>

Nu wil graag tekst op mijn afbeelding hebben, maar wat ik ook defineer in mijn css script. De tekst gaat er altijd boven, naast of onder.
Wat doe ik verkeerd.

CSS:
.welkomstekst
{
color:#11449e;
font-size:13px;
font-family:Arial;
display:block;
margin-top: -5px;
z-index:2
}

Jesper Diovo

30-11-2008 16:45

Je vergeet de tekst absoluut te positioneren. Dan gaat hij over het plaatje heen:


.welkomstekst {
  color: #11449e;
  font-size: 13px;
  font-family: Arial;
  display: block;
  margin-top: -5px;
  z-index: 2;
  position: absolute;
}

HS2005

30-11-2008 16:55

Kijk, bedankt :) Dat was ik vergeten.
Nogmaals bedankt voor de snelle reply ;)
Probleem opgelost.

Niek Weevers

01-12-2008 08:26

Je sluit de img ook nog eens af. Dit is niet correct. Dus de </img> moet weg. Je moet hem afsluiten net zoals bijv de <br /> dus aan het einde een spatie en slash.

Mitchell

01-12-2008 11:23

Wat ik persoonlijk netter zou vinden is als je er een div van maakt en dan het plaatje als een background plaatsen. Met eventueel php zou je altijd nog de hoogte x breedte kunnen opvragen, indien nodig.

Niek Weevers

01-12-2008 15:16

Dat is nog beter idd

Reageren

Inloggen om te reageren