Image over Text code

[Sjattuh]

Ik wil een "plaatje" wat niet meer is dan het woord 'Verkocht' plaatsen over een stukje tekst.

 

Wat voor code gebruik ik hiervoor?

 

Thx!

[Gast SatMann]

dat moet je doen met div's... of in tabellen.

je geeft je <td> of <tr> een background image, in je css zorg je erwel voor dat die cel de juiste grote heeft, en dan in de <td> kan je text plaatsen = tekst op een image.

 

 

[Puch]

Wat SatMann voorstelt is eigenlijk een plaatje achter de tekst zetten en niet er over.

Een andere mogelijkheid om dat te doen is er niet.

 

Wat je wil kan doen, zoals bij immobilien websites, is de afbeelding(hier van een huis) zet je als achtergrond van een div/cel

het plaatje verkocht zet je als inhoud van een div/cel.

Dan staat het plaatje verkocht boven het plaatje van het huis.

[Sjattuh]

Ja dat is precies wat ik wil, maar dan moet de text als achtergrond fungeren...

 

grr...

[Big fellow]

De beste manier is om de property "z-index" te gebruiken. De "layer" met de hoogste z-index ligt "bovenop".

Bijvoorbeeld voor een inhoud van een table cell:

Code:

<td>  <div style="position:relative; top:5; left:5; z-index:1;"><img src="achtergrond.jpg"></div>  <div style="position:relative; top:5; left:5; z-index:100;"><img src="voorgrond.jpg"></div></td>

 

(Disclaimer: Dit is een stukje code welke ik niet getest heb...)

[Puch]

Dit is inderdaad een mooie oplossing, maar de positionering kan verschillen van browser tot browser.

[Big fellow]

Origineel bericht van: Puch

Dit is inderdaad een mooie oplossing, maar de positionering kan verschillen van browser tot browser.

Als een recente browser wordt gebruikt dan zijn er weinig tot geen verschillen kwa positionering.
Maar dan moet je er wel voor zorgen dat je html 100% correct is. (http://validator.w3.org kan helpen )

[Puch]

Daar zeg je het juist.

Als er een recente browser wordt gebruikt.

Vandaag nog meegemaakt een site die compleet verkeerd werd weergeven.

Ik had alles getest, alle browsers.

 

Bleek dat hij nog surfte met IE 7 en daar werkt het aan geen kanten in.

Daarom sta ik zeer weiger over gebruik van dingen die gepositioneerd moeten worden.

[Big fellow]

Kwestie van pech voor de bezoeker of pech voor de webdesigner (jij dus). Want als de site goed moet worden weer gegeven bij het gebruik van alle denkbare (oude) browsers dan wordt het een helse klus om te onderhouden. (Al de verschillende IE hacks in CSS etc)