[HTML]text op plaatje (dynamisch)

[Linc]

Hoe krijg ik het voor elkaar om text over plaatje te zetten?

Ik gebruik php om de width van het plaatje te veranderen dus ik kan niet het plaatje als background zetten oid en de tekst is ook nog eens variable.

Het moet trouwens ook nog eens in alle browsers werken

zo moet het dus worden:


kijken of jullie net zo snel antwoord hierop hebben als net

[Bosmonster]

Wat dacht je van een absoluut gepositioneerde div (ook wel 'layer' genoemd in de volksmond)?

[Verwijderd]

the_Emperor schreef op 10 december 2003 @ 15:26:
Ik gebruik php om de width van het plaatje te veranderen dus ik kan niet het plaatje als background zetten oid en de tekst is ook nog eens variable.

Waarom zou het dan niet kunnen? Je laat gewoon php de breedte van de tabel instellen, of nog liever de breedte van een div.

Maar hiervoor kun je gewoon een div gebruiken, als de positie vast staat kun je een absoluut geplaatste gebruiken.

[coubertin119]

Bedoel je echt tekst over het plaatje of in het plaatje? Dat eerste kan met absoluut gepositioneerde tekst en wat geklooi met z-indices. Dat laatste kan met PHP.

[Linc]

coubertin119 schreef op 10 december 2003 @ 15:29:
Bedoel je echt tekst over het plaatje of in het plaatje? Dat eerste kan met absoluut gepositioneerde tekst en wat geklooi met z-indices. Dat laatste kan met PHP.

tja maakt mij niet uit maar het lijkt het makkelijkste om het over het plaatje te doen

[crisp]

define "alle browsers"....

[Linc]

nou de toch wel meest gebruikte. IE en Netscape minimaal

[ Voor 4% gewijzigd door Linc op 10-12-2003 15:42 ]

[crisp]

the_Emperor schreef op 10 december 2003 @ 15:42:
nou de toch wel meest gebruikte. IE en Netscape minimaal

dat getuigd toch niet echt van visie hoor, eerst roep je "alle browsers" en nu kom je met 2 smaken die beiden een nogal erg gevarieerde range aan versies hebben, en waarvan de laatste alweer een tijdje niet eens meer bestaat.
Anyway, als je je richt op de meest gebruikte (visuele) browsers (IE5+, Netscape6+ en recente Mozilla, Opera, Konqueror en Safari browsers) dan staat niets je in de weg om met CSS positioning schemes te werken

leesvoer: http://www.w3.org/TR/REC-...n.html#positioning-scheme

[Linc]

woehoe voor elkaar tnx for the div tip

hier code voor een andere n00b :

HTML:

<div style='position:absolute;left:0;top:100'>
    [img]'http://www.corne.com.ar/paginasdehumor/Bla-bla-Sex-color.jpg'[/img]
</div>
<div style='position:absolute;left:0;top:100'>
    blaaaaaaa
</div>

[ Voor 16% gewijzigd door Linc op 10-12-2003 15:57 ]

[Linc]

crisp schreef op 10 december 2003 @ 15:55:
[...]

dat getuigd toch niet echt van visie hoor, eerst roep je "alle browsers" en nu kom je met 2 smaken die beiden een nogal erg gevarieerde range aan versies hebben, en waarvan de laatste alweer een tijdje niet eens meer bestaat.
Anyway, als je je richt op de meest gebruikte (visuele) browsers (IE5+, Netscape6+ en recente Mozilla, Opera, Konqueror en Safari browsers) dan staat niets je in de weg om met CSS positioning schemes te werken

leesvoer: http://www.w3.org/TR/REC-...n.html#positioning-scheme

nou het moet ook nog werken voor mensen die een pc gebruiken die een maximale resolutie hebben van 800*600 ...

[crisp]

resolutie zegt niets over de browser die je gebruikt, meer over hoe je je design moet opzetten.

[ Voor 112% gewijzigd door crisp op 10-12-2003 16:58 ]

[Linc]

uhm ik heb een nieuw probleempje als ik het nou relatief gezien van een cell uit een table will doen

HTML:

<table>
  <tr>
    <td>
       <div style='postion:absolute;left:0;top:0'>
          hier een plaatje
       </div>
       <div style='postion:absolute;left:0;top:0'>
          hier een text
       </div>
    </td>
  </tr>
</table>

dan houdt hij dus geen rekening met de table en als ik relative gebruik in plaats van absolute gaan ze weer niet bovenopelkaar staan ...

[Verwijderd]

Je moet zo'n div ook niet in een table zetten. Dat absolute is ervoor om de divs een exacte positie te geven. Logisch dat het in een table plaatsen ervan dan weinig zin heeft.

[ Voor 60% gewijzigd door Verwijderd op 10-12-2003 16:22 ]

[Linc]

crisp schreef op 10 december 2003 @ 16:03:
resolutie zegt niets over de browser die je gebruikt, meer over hoe je je design moet opzetten.

ot: hier stond een link

ja dat snap ik maar ik wou aangeven dat het ook gebruikt zal worden door mensen met een iet wat verouderde pc

[ Voor 32% gewijzigd door Linc op 10-12-2003 16:23 ]

[Linc]

Verwijderd schreef op 10 december 2003 @ 16:21:
Je moet zo'n div ook niet in een table zetten. Dat absolute is ervoor om de divs een exacte positie te geven. Logisch dat het in een table plaatsen ervan dan weinig zin heeft.

jamaar hoe doe ik het dan met relative heb je er geen reet aan want dan kan je net zo goed geen div gebruiken.

[crisp]

zet een div met position:relative om je absoluut gepositioneerde divs heen

[Linc]

crisp schreef op 10 december 2003 @ 16:30:
zet een div met position:relative om je absoluut gepositioneerde divs heen

nice werkt tnx