Goedendag,
Ik heb een probleem met mijn CSS code misschien dat iemand mij hierbij kan helpen.
De code (voorbeeld)
In de afbeelding hieronder staat er wat je te zien krijgt en heb ik aangegeven wat het probleem is.Code:<!DOCTYPE html> <html> <head> <style> .nav_side { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top:1px solid #DFDFDF; } .nav_side li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; display:block; border-bottom:1px solid #DFDFDF; } .nav_side li a { text-decoration:none; color: #000; display: block; padding:5px 15px; } .nav_side li a:hover { background-color:#EDEDED; } </style> </head> <body> <ul class="nav_side"> <li><a href="#"><a>blog</li> <li><a href="#"><a>blog</li> <li><a href="#"><a>blog</li> <li><a href="#"><a>blog</li> </ul> </body> </html>
Voorbeeld.jpg
Nu is het probleem dat er tussen de regels nog een extra blok verschijnt en deze zou ik graag weg willen hebben.
Met vriendelijke groet,
Marcus
-
28-03-2013, 15:55 #1
Particulier
- Berichten
- 4
- Lid sinds
- 12 Jaar
CSS vraag
-
-
28-03-2013, 20:04 #2
Particulier
- Berichten
- 68
- Lid sinds
- 13 Jaar
Re: CSS vraag
padding:5px 15px; naar margin:5px 15px;
-
28-03-2013, 20:22 #3
Particulier
- Berichten
- 4
- Lid sinds
- 12 Jaar
Re: CSS vraag
Bedankt voor de reactie, echter als ik hiervan margin 5px 15px maak krijg ik het volgende als resultaat.
voorbeeld 2.jpg
En het is de bedoeling dat de gehele ruimte tussen de lijnen een (blok) wordt.
Met vriendelijke groet,
Marcus
-
28-03-2013, 20:52 #4
Particulier
- Berichten
- 68
- Lid sinds
- 13 Jaar
Re: CSS vraag
Ah, sorry. Was aan het slapen..... De CSS is goed het gaat om je href
<li><a href="#"><a>blog</li> veranderen in: <li><a href="#">blog</a></li>
-
28-03-2013, 21:14 #5
Particulier
- Berichten
- 4
- Lid sinds
- 12 Jaar
Re: CSS vraag
ohh shit een / vergeten en ik zat maar te zoeken in mijn css.
Ontzettend bedankt
Groet,
Marcus
-
28-03-2013, 21:16 #6
Bob de webbouwer
- Berichten
- 1.454
- Lid sinds
- 14 Jaar
Re: CSS vraag
Best handig, die validator van w3c ;-)
