login  Naam:   Wachtwoord: 
Registreer je!
 Forum

ul opmaken (Opgelost)

Offline tomie94 - 29/12/2007 12:58
Avatar van tomie94PHP interesse Hallo,

ik ben bezig om de UL tag op te maken....

nu is me de kleur gelukt en nu wil ik dat de ul aan de linker kant van de div komt. daarvoor gebruik ik deze code:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. ul {
  2. padding-left: 0px;
  3. color: #0379B7;
  4. }


en in m'n html heb ik dit staan:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2. <li>Nieuwsbericht 1</li>
  3. <li>Nieuwsbericht 2</li>
  4. <li>Nieuwsbericht 3</li>
  5. <li>Nieuwsbericht 4</li>
  6. <li>Nieuwsbericht 5</li>
  7. <li>Nieuwsbericht 6</li>
  8. <li>Nieuwsbericht 7</li>
  9. <li>Nieuwsbericht 8</li>
  10. <li>Nieuwsbericht 9</li>
  11. <li>Nieuwsbericht 10</li>
  12. </ul>


nu werkt de padding alleen nu staan die bollentjes(bulls) er niet meer voor... wat gaat er fout?

4 antwoorden

Gesponsorde links
Offline tomate - 29/12/2007 13:13
Avatar van tomate Lid Als je padding 0px zet is het normaal dat je je bolletjes niet meer ziet.
Je browser rekent de padding vanaf je eerste letter:p. Dus dan vallen je bolletjes buiten beeld.
Je zal dus moeten proberen een padding te zoeken waarbij je bolletjes nog juist binnen beeld vallen.

Bij mij werkt het volgende goed:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. ul {
  2. padding-left: 10px; /* hiermee vallen de bolletjes juist binnen beeld*/
  3. color: #0379B7;
  4. }


Hopelijk werkt dit, want ik zou niet direct iets anders weten.
Nog vragen PM me maar.
Offline tomie94 - 29/12/2007 15:14
Avatar van tomie94 PHP interesse oke,

dit werkt wel in FF maar niet in IE7 want door staan de bollentjes 15px van de kant af en niet de tekst...
Offline tomate - 29/12/2007 17:52 (laatste wijziging 29/12/2007 18:15)
Avatar van tomate Lid Ik heb het niet getest in IE maar zal eens verder kijken 
Dit moet wel op te lossen zijn.  

Ik hoop dat het volgende werkt 
css code - Bekijk de code zonder highlighting - Klap code in 
  1. ul {
  2. margin-left: 15px;
  3. padding-left: 0px;
  4. color: #0379B7;
  5. }
  6.  
  7. body {
  8. margin-left: 0px;
  9. }


Ik heb het getest in FF, IE7 en Opera 9 
Daar werkte alles prima.
Offline tomie94 - 29/12/2007 20:05
Avatar van tomie94 PHP interesse bedankt
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.463s