login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Img margin haalt alles naar beneden

Offline roberini - 17/04/2011 21:32
Avatar van roberiniHTML beginner Hallo Sitemasters,

Ik zit even met een simpel probleem, maar kan het niet oplossen.
Ik heb een menu waar 6 afbeeldingen in zitten. Ik wil 3 afbeeldingen op huidige hoogte en 3 afbeeldingen 19px daaronder. Als ik de desbetreffende afbeeldingen een margin van 19px meegeef, gaan automatisch de andere 3 afbeeldingen ook mee met de 3 afbeeldingen die naar beneden horen te gaan.

Hieronder de code:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="menu">
  2. <img src="images/home.jpg" border="0" style="margin-right:-3px; margin-left:-3px;" />
  3. <img src="images/collectie.jpg" border="0" style="margin-right:-3px; margin-left:-3px; margin-top:19px;" />
  4. <img src="images/nieuwsbrief.jpg" border="0" style="margin-right:-3px; margin-left:-3px;" />
  5. <img src="images/routebeschrijving.jpg" border="0" style="margin-right:-3px; margin-left:-3px; margin-top:19px;" />
  6. <img src="images/deburen.jpg" border="0" style="margin-right:-3px; margin-left:-3px;" />
  7. <img src="images/leuklekker.jpg" border="0" style="margin-right:-3px; margin-left:-3px; margin-top:19px;" />
  8. </div>


Alvast bedankt.

Groeten,
Robin

3 antwoorden

Gesponsorde links
Offline WouterJ - 17/04/2011 21:48 (laatste wijziging 17/04/2011 21:48)
Avatar van WouterJ HTML gevorderde Dan moet je elke image float: left; meegeven.

Wat je trouwens in jou code nog kan verbeteren is werken met stylesheets (.css). Hierin stop je alle style op zo'n manier:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. /* selecteer een li met de class item die een ul als 
  2.  * parent heeft, waarvan de ul weer een div met het id menu 
  3.  * als parent heeft 
  4.  */
  5. div#menu ul li.item {
  6.   width: 100px;
  7.   /* enz. */
  8. }

Deze laad je dan in met de link tag(in de head).

Deze methode is beter dan werken met inline CSS(zoals border="" en style="").
Offline roberini - 17/04/2011 22:00
Avatar van roberini HTML beginner Hey, bedankt. Ik werk inderdaad met stylesheets, maar dit heb ik uit tijdsgebrek zo even gedaan. Ik ga het aanpassen en het bovenste heb ik uitgetest. Het werkte inderdaad, bedankt daarvoor.

Groeten,
Robin
Offline WouterJ - 18/04/2011 08:05
Avatar van WouterJ HTML gevorderde Wil je dan even het topic als opgelost aankruisen? (Dat is 1 van die icoontjes linksonder bij een post)
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.284s