Forum » Client-Side scripting » Lijn in li/ul
H.Rayn
Berichten: 684
avatar
Offline Stuur privebericht
Hey mensen,


ik wil een lijn tussen mijn li. Maar ik heb geen idee hoe dat moet. Het hoort zo te worden:

Afbeelding
http://i42.tinypic.com/11gof7q.jpg


Kan iemand me helpen?
02-12-2011 16:40
Dit topic is 411 keer bekeken door 59 verschillende leden
Reacties op: "Lijn in li/ul"
1 | 2 | 3 Volgende pagina
thexerox
thexeroxprojects.be
Berichten: 352
avatar
Offline Stuur privébericht
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
/* CSS */

li {
border-bottom: 1px #000 solid;
}
02-12-2011 16:45
Luc
devow.nl
Berichten: 1592
avatar
Offline Stuur privébericht
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
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.
02-12-2011 16:46
H.Rayn
Berichten: 684
avatar
Offline Stuur privébericht
@thexerox, maar nu pakt ie alleen van onder de text. Terwijl hij ook onder die bullet moet komen.

@Luc, wat voor functie heeft display: block;?
02-12-2011 16:49
Luc
devow.nl
Berichten: 1592
avatar
Offline Stuur privébericht
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.
02-12-2011 17:07
L.Groot
Rapifia Europe
Berichten: 3719
avatar
Online Stuur privébericht
Als je extra lege ruimte er tussen wil hebben dan kan je toch gewoon padding gebruiken?

Code | Selecteer Alles
minimaliseren
1
padding-bottom: 20px;


Dat voegt 20 pixels extra aan de onderkant van het element toe.
02-12-2011 17:53
H.Rayn
Berichten: 684
avatar
Offline Stuur privébericht
@Groot, het gaat niet om ruimte. Het gaat om een soort underline. Er moet een streep komen van begin tot eind.
02-12-2011 18:03
L.Groot
Rapifia Europe
Berichten: 3719
avatar
Online Stuur privébericht
Oh, aha .
Sorry verkeerd gelezen .
Ik dacht al waarom zit iedereen met de border tag .

Ik zal even verder voor je kijken, maar werkt dat van Luc niet?
02-12-2011 18:09
H.Rayn
Berichten: 684
avatar
Offline Stuur privébericht
Nou, een beetje. Maar dan verdwijnt mijn rondje.,
02-12-2011 18:13
zwpgangster
world-of-maffia.nl
Berichten: 744
avatar
Offline Stuur privébericht
eventueele
Code | Selecteer Alles
minimaliseren
1
<hr / > code
02-12-2011 21:52
Hostingverhuur
Berichten: 1
avatar
Offline Stuur privébericht
als je de lijn met een img wilt doe je die op de li:

Code | Selecteer Alles
minimaliseren
1
li { background: url("imagepath/imagename.png") repeat-x bottom; }
02-12-2011 22:18
Reageer op: "Lijn in li/ul"
1 | 2 | 3 Volgende pagina
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden