login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Geen ruimte tussen de afbeeldingen in Safari (Opgelost)

Offline levideridder - 23/09/2011 12:31
Avatar van levideridderLid Hey, ik heb 3 afbeeldingen moet een mouse-overeffect (inner-border). In Firefox lukt het mij om 30px ruimte tussen de afbeeldingen te laten, maar in Safari krijg ik totaal geen ruimte. Wat doe ik verkeerd?

Code:
http://pastebin.com/2kMVRdHp

Voorbeeld:
http://img269.i...beelda.png

11 antwoorden

Gesponsorde links
Offline Pieter - 23/09/2011 12:51
Avatar van Pieter Gouden medaille

SEO guru		 Gebruik eens een reset stylesheet, ik denk dat het probleem daarmee vast opgelost is.
Offline levideridder - 23/09/2011 13:29
Avatar van levideridder Lid Met behulp van deze link heb ik een reset in mijn CSS-file gezet: http://meyerweb...index.html

Helaas, nog exact hetzelfde probleem in Safari.
Offline Martijn - 23/09/2011 20:00
Avatar van Martijn Crew PHP en zo:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. .clearimg {
  2.     clear:both;
  3.     margin-bottom: 30px;
  4. }
Offline levideridder - 01/10/2011 09:36
Avatar van levideridder Lid Martijn, heb het geprobeerd met margin-bottom maar nog steeds hetzelfde probleem.
Offline Pieter - 01/10/2011 09:39
Avatar van Pieter Gouden medaille

SEO guru		 Kan je je code nogmaals online zetten? Nu krijg ik een Pastebin ID error.
Offline levideridder - 01/10/2011 10:28
Avatar van levideridder Lid Jazeker, de code was vervallen. Hier de link:
http://pastebin.com/sUi6AwFK
Offline Hend - 01/10/2011 10:50
Avatar van Hend Lid Moet dit niet uitgebreider?
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML>

en misschien moet dit aan elkaar?
a .imghome -> a.imghome
Offline WouterJ - 01/10/2011 11:05 (laatste wijziging 01/10/2011 11:20)
Avatar van WouterJ HTML gevorderde @Hend, nee, <!DOCTYPE HTML> (of zonder hoofdletters) is het doctype voor HTML5. Lekker simpel lekker makkelijk te onthouden!
En a .imgHome is wel juist. Hij doelt hier op een anchor tag met daarin een image met de class imgHome.

@TS, dat het niet werkt komt doordat .clearImg helemaal geen width en height heeft. Geef het width: 1px; height: 1px; mee en alles werkt perfect.
Overigens zijn de clearImg divjes niet nodig. Geef de anchor tag gewoon clear: both; en margin: auto auto 30px; mee.
Betere code: http://pastebin.com/zisLWAkX
Bedankt door: levideridder
Offline levideridder - 01/10/2011 19:32
Avatar van levideridder Lid Is perfect gelukt. Enkel in de css "a" heb ik moeten vervangen aangezien hij anders over de hele HTML marge geeft bij alle links. Bedankt Waldio!!!
Offline WouterJ - 01/10/2011 19:34 (laatste wijziging 01/10/2011 19:59)
Avatar van WouterJ HTML gevorderde Wil je dan even bij mijn bericht op oplossing klikken? Dan is hij meteen uit de lijst van recente topics en heb ik weer wat punten erbij 
Offline levideridder - 01/10/2011 19:47
Avatar van levideridder Lid Jazeker, het was gewoon omdat je het bericht dan nog zou lezen. Bij deze "OPGELOST" :-)
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.163s