Hey mensen,
ik wil een lijn tussen mijn li. Maar ik heb geen idee hoe dat moet. Het hoort zo te worden:
http://i42.tinypic.com/11gof7q.jpg
Kan iemand me helpen?
Lijn in li/ul
-
Guest, wil je besparen op je domeinnamen? (ad)
-
PHP
/* CSS */ li { border-bottom: 1px #000 solid; } -
PHP
li { display: block; width: 180px; border-bottom: 1px solid #f3f3f3; }Dit zijn 3 elementen waarmee je zal moeten gaan proberen om het voor elkaar te krijgen.
-
display block, maakt er een blok van dus zorgt ervoor dat li een [blok] wordt als het ware, waardoor je niet meer alleen op hq hoeft te klikken maar gewoon van begin tot einde van de lijn kan klikken.
-
Als je extra lege ruimte er tussen wil hebben dan kan je toch gewoon padding gebruiken?
PHPpadding-bottom: 20px;Dat voegt 20 pixels extra aan de onderkant van het element toe.
-
Oh, aha :).
Sorry verkeerd gelezen :p.
Ik dacht al waarom zit iedereen met de border tag :p.Ik zal even verder voor je kijken, maar werkt dat van Luc niet?
-
eventueele
PHP<hr / > code -
als je de lijn met een img wilt doe je die op de li:
PHPli { background: url("imagepath/imagename.png") repeat-x bottom; } -
Ik heb je een PM gestuurd
-
PHP
Toon Meer.list li { list-style:url(../images/icons/list.png); margin-left:25px; font-family:Verdana, Geneva, sans-serif; font-size:11px; padding-top:3px; border-bottom: 2px solid #fff; padding-bottom: 5px; } .list a { text-decoration:none; color:#c6a066; } .list a:hover { text-decoration:none; color:#c6a010; margin-left:2px; }Probeer dit eens
-
Ik ontvang graag een live voorbeeldje?
Kan ik beter zien waar de fout zit -
Ik draai hem local. Ik zal zo een screenshot maken, en plaatsen.
Nieuwe reactie samengevoegd met originele reactie op 08.12.11 17:01:44:
-
Hmm,in welke div laad je de image (dat pijltje)?
Nieuwe reactie samengevoegd met originele reactie op 08.12.11 17:12:57:
Je kan ook gebruik maken van een <div id="seperator"><div>
Waar je dan via css een stukje lijn laat repeaten. (repeat-x)
Die div zet je dan onder elke LI.Denk dat het zo ook zou moeten lukken
Participate now!
Heb je nog geen account? Registreer je nu en word deel van onze community!