login  Naam:   Wachtwoord: 
Registreer je!
 Forum

tekst moet image overlappen

Offline dimb - 12/12/2008 10:40
Avatar van dimbNieuw lid Hallo,

Ik heb een probleem met css, ik wil een stuk tekst over een image laten vallen. Na veel gekloot wil het nog niet lukken. Zouden jullie mij mss kunenn helpen, [url=http://"http://i405.photobucket.com/albums/pp132/dimbyy/Voorbeeld.gif"]klik [/url](verduidelijking)

Code die ik nu heb
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="width:230px; float: left; ">
  2. TEKST
  3. <div style="padding: 5px 0 0 30px; width:180px; float:left; )">
  4. IMAGE
  5. </div>
  6. <div style=" width:200px; margin:140px 0 0 240px;">
  7. GOOGLE AD

Voorbeeld: http://www.ajax..._duel.html

Paul

8 antwoorden

Gesponsorde links
Offline Kr4nKz1n - 12/12/2008 11:32
Avatar van Kr4nKz1n Onbekend Je kan natuurlijk het plaatje als achtergrond zetten??
Offline mathiasB - 12/12/2008 14:39
Avatar van mathiasB HTML interesse Dit kan je oplossen door de afbeelding in CSS de float eigenschap mee te geven geloof ik.
Offline dimb - 12/12/2008 14:55
Avatar van dimb Nieuw lid Al geprobeerd maar dan valt de tekst er nog niet over
Offline ranco - 13/12/2008 15:05 (laatste wijziging 13/12/2008 15:05)
Avatar van ranco PHP gevorderde Je kunt het plaatje als achtergrond neerzetten in een div.
Vervolgens maak je in het 'achtergrondplaatje div' een nieuwe div aan met hierin je tekst.

css code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="padding: 5px 0 0 30px; width:180px; float:left; background: url(naamvanplaatje.gif) no-repeat left center;">
  2. <div style="width:230px; float: left; ">
  3. TEKST
  4. </div>
  5. <div style=" width:200px; margin:140px 0 0 240px;">
  6. GOOGLE AD
  7. </div>
  8. </div>


Succes!
Offline dopeydwerg - 15/12/2008 04:44
Avatar van dopeydwerg Nieuw lid zo kan het wel maar zo helemaal eromheen leggen zoals in het plaatje
dan moet je er een andere div met text boven zetten want dat is ook wat ze doen op die ajax site.
Plaatscode: 53494
Offline ranco - 15/12/2008 11:15
Avatar van ranco PHP gevorderde Uhm.....

1. Ik snap niets van je post... (punten, nieuwe regels en correcte spelling helpen)
2. Ik snap niet wat voor nut je toevoeging heeft op mijn code?
Offline Ontani - 15/12/2008 11:22
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 euhm normaal kan je toch gewoon dit doen:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <img src="deafbeelding.png" align="right" />
  2. <p>Hier de tekst die over een afbeelding mag lopen, Hier de tekst die over een afbeelding mag lopen, Hier de tekst die over een afbeelding mag lopen, Hier de tekst die over een afbeelding mag lopen, Hier de tekst die over een afbeelding mag lopen, Hier de tekst die over een afbeelding mag lopen, Hier de tekst die over een afbeelding mag lopen, Hier de tekst die over een afbeelding mag lopen, Hier de tekst die over een afbeelding mag lopen, Hier de tekst die over een afbeelding mag lopen </p>
Offline dimb - 15/12/2008 13:35
Avatar van dimb Nieuw lid Ik heb het probleem al opgelost door de eerste 5 zinnen uit de tekst te halen en die in een aparte div weer te geven. Nu heb ik alleen nog een ander probleem.

Zie: http://www.ajax..._Ajax.html

In IE valt het tekstvlak goed maar in FF staat het tekstvlak fout. Na enigzins kloten kom ik er nog steeds niet uit wat ik fout doe 

Paul
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.353s