login  Naam:   Wachtwoord: 
Registreer je!
 Forum

IMG wijzigen (Opgelost)

Offline anton - 27/01/2010 14:59
Avatar van antonLid Goedenamiddag allen!

Ik zit met een probleem dat ik niet opgelost krijg...

Ik heb maak een website met aan de linkerkant een afbeelding.
in die afbeelding staat er in het midden een wit vlakje, daar zou elke text die ik wil moeten kunnen op komen. Eerst deed ik het door de img te plaatsen en dan met css positioning de span een aantal pixels hoger te zetten , maar dan zat ik(in IE) met een vervelende lege plaats onder de afbeelding(waar de span normaal zou staan).

Toen ik probeerde om de img als achtergrond te zetten en dan text erin te plaatsen, wou dat ook niet werken want dan was de achtergrond prent veel te groot...

Ik heb ook al gedacht om GDlibrary van php te gebruiken, maar gezien bepaalde omstandigheden is dat onmogelijk...

Weet er misschien iemand een manier om dit te doen?

Alvast bedankt!
MVG
Anton Vandeghinste

5 antwoorden

Gesponsorde links
Offline vinTage - 27/01/2010 15:13
Avatar van vinTage Nieuw lid Je kan toch gewoon in de div met die image een andere div plaatsen met margin ?
Offline anton - 27/01/2010 15:48
Avatar van anton Lid uh? sorry ik ben niet goed met css, ik zal ff de code tonen:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <td width="15%" valign="top">
  2.     <img src="img/manneke_neutraal.png" height="265" border="0" width="131" style="min-height:390px; min-width: 190px; max-height:390px; max-width:190px;" >
  4.     <span class="pag"> Pagina </span>
  5.     </center>
  6.     </td>


en dan de css van 'pag':
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .pag{
  2. 	position:relative;
  3. 	top: -195px;
  4. 	color: #F00;
  5. 	font-size: 24px;
  6. 	text-align: center;
  7. 	vertical-align: middle;
  8. }


MVG
Offline vinTage - 27/01/2010 16:01 (laatste wijziging 27/01/2010 16:22)
Avatar van vinTage Nieuw lid Beetje lelijk voorbeeldje, maar met wat goede wil snap je het wel 

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="width:450px; height:175px; position:relative;">
  2.   <img src="http://www.vintagesworld.be/mods/tutzooi/tutorialbestanden/120/buttonTijdlijn.png" alt="" />
  3.   <div style="border:solid 1px red; width:100px; height:50px; background-color:#FFF; position:absolute; top:20px; left:150px;">
  4.     ik ben text
  5.   </div>
  6. </div>


edit: code aangepast, ik had een bg img gebruikt, maar dat mocht niet van je 
Bedankt door: anton
Offline anton - 27/01/2010 17:27
Avatar van anton Lid als je absoluut positioneerd binnen een relative div word het dan ni ten opzichte van de body maar ten opzichte van die realtive div geplaatst? anyways bedankt voor de code;)
Offline vinTage - 27/01/2010 17:33
Avatar van vinTage Nieuw lid
anton schreef:
als je absoluut positioneerd binnen een relative div word het dan ni ten opzichte van de body maar ten opzichte van die realtive div geplaatst?
uhu, zoals je kon zien in het code voorbeeld 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.175s