login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div vullen met afbeeldingen en lijnen (Opgelost)

Offline JLT - 05/03/2009 12:47
Avatar van JLTPHP interesse Misschien een simpele vraag maar ik kom er niet uit. Ik heb een PHP bestand met daarin een DIV met daarin een aantal afbeeldingen die links moet lijnen.

De DIV is 156 pixels breed waardoor de afbeeldingen naast elkaar behoren te komen staan tot ze gezamenlijk een breedte van 156 pixels hebben alle afbeeldingen die daarna komen wordt daaronder geplaatst. Kortom een mooie container met een float: left ; functie.

Waarom krijg ik bij IE rondom de afbeeldingen een dikke witte rand? En waarom bij FF alleen bij de afbeeldingen die naast elkaar staan en niet bij degene die onder elkaar staan? Het moet allemaal gewoon aansluiten.

Hier is de code te bekijken:
Code + Css

Alvast bedankt voor de moeite!

Jelte

6 antwoorden

Gesponsorde links
Offline Martijn - 05/03/2009 13:29
Avatar van Martijn Crew PHP waarom al die plaatjes zo?
Offline JLT - 05/03/2009 13:31
Avatar van JLT PHP interesse Hoe moet ik het anders doen... De knoppen zijn nou eenmaal images?

Ik heb het probleem trouwens net gevonden. Een enter in de broncode veroorzaakte een witte ruimte onder en naast de image. Heel vreemd.
Offline Ontani - 05/03/2009 13:39
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Niet zo vreemd.

http://www.42in...ebugs.html

je kan het oplossen door de <div> tag direct voor en na je eerste en laatste <img> te zetten:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="menu"><img src="images/***_almere_03.gif" alt="" height="104" width="12"/>
  2. <img src="images/***_almere_04.gif" alt="" height="104" width="144"/>
  3. <img src="images/***_almere_07.gif" alt="" height="5" width="156"/>
  4. <img src="images/***_almere_08.gif" alt="" height="23" width="156"/>
  5. <img src="images/***_almere_09.gif" alt="" height="24" width="156"/>
  6. <img src="images/***_almere_10.gif" alt="" height="24" width="156"/>
  7. <img src="images/***_almere_11.gif" alt="" height="24" width="156"/>
  8. <img src="images/***_almere_12.gif" alt="" height="24" width="156"/>
  9. <img src="images/***_almere_13.gif" alt="" height="24" width="156"/>
  10. <img src="images/***_almere_14.gif" alt="" height="24" width="156"/>
  11. <img src="images/***_almere_15.gif" alt="" height="24" width="156"/>
  12. <img src="images/***_almere_16.gif" alt="" height="24" width="156"/>
  13. <img src="images/***_almere_17.gif" alt="" height="11" width="156"/>
  14. <img src="images/***_almere_18.gif" alt="" height="35" width="156"/></div>
Offline JLT - 05/03/2009 14:15
Avatar van JLT PHP interesse Ja het is nu helemaal gelukt, bedankt voor het meedenken, thanks!
Offline Martijn - 05/03/2009 15:23
Avatar van Martijn Crew PHP dit ga je mooi meer lezen, maar imagemaps doen hetzelfde, maar dan blijft je plaatje 1 plaatje 
Offline JLT - 06/03/2009 10:58
Avatar van JLT PHP interesse Hey DeviourSoul zie nu wat je bedoeld heb even gegoogled. En moet zeggen dat is zeker handig maar niet als de achtergrond bij elk plaatje anders is, of zie ik dat nu verkeerd?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.229s