List bulletpoints verschillen in firefox en chrome

Hallo,

Wanneer ik de volgende website in google chrome bekijk dan staan de bulletpoints op de juiste plaats. Maar wanneer ik de website bekijk met firefox, dan zijn de bulletpoints van lists helemaal aan de linkerkant. Hoe kan ik dit oplossen?

http://bit.ly/T4nEtL

Thanks,

Drupalversie:

7.x

Auteur:

zerocool22

Datum van inzending:

maandag 11 februari 2013 - 13:55

Door intergalactic o... op 11 februari, 2013 - 18:57

Deel 1 van je probleem is dat je code niet correct is. <li> tags moet altijd in een <ul> of <ol> tag genest zitten. Elke browser probeert dit op zijn eigen manier op te lossen en dan gebeuren er rare dingen (zoals hier nu dus).

Wanneer je je <li> in een <ul> steekt, dan moet je op desbetreffende <ul> volgende CSS toepassen:
list-style-type: disc;
list-style-position: inside;

op de <li> moet je left-margin en left-padding op 0 zetten en de list-style-type: none verwijderen.

Door zerocool22 op 11 februari, 2013 - 19:32

Weet je welke ul en welke li in welke css ik moet aanpassen? Ik zie verschillende CSS'en en verschillende li en ul statements maar ik weet niet welke wat is of wat doet? ik vind ook nergens left-margin terug en left-padding terug?

Door jo.w op 11 februari, 2013 - 21:15

Dat kan je in Firefox met de add on Firebug gaan uitzoeken.

Door zerocool22 op 11 februari, 2013 - 21:24

Ik heb de firebug voor firefox gedownload, maar ik zie niet waar hij mij in de juiste richting wijst?

Door ClubRacer op 12 februari, 2013 - 10:43

Dit heeft eigenlijk niets met de installatie en configuratie van Drupal te maken. Een cursus basiskennis html en css is best handig wanneer je een Drupal website bouwt.

Drupalizing ClubRacer.be, BoatZilla & Lucky Cookie.

Door zerocool22 op 12 februari, 2013 - 10:48

Ik ken html en css, maar ik vind echt geen oplossing voor dit probleem..

Door henkit op 20 februari, 2013 - 15:41

hmmzzz, bij mij staan ze in firefox, chrome en safari gewoon goed...