Versio

li en ul spacing

Webdesign & development » Algemene PHP scripting en meer » li en ul spacing

Overzicht Reageren

- Ricardo -

- Ricardo -

29/12/2009 15:10:00
Quote Anchor link
Hallo allemaal,

Ik zit met een onvoorstelbaar raar probleem. Tussen mijn <li> items zit ruimte, terwijl padding en margin op 0 staat.
css:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#ul1
{
    list-style: none;
    padding-top: 40px;
    padding-right: 0px;
    padding-left: 20px;
    padding-bottom: 0px;
    margin: 0px;
}
#li1
{
    list-style:none;
    padding: 0px;
    margin: 0px;
}


menu:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<ul id="ul1">
                                <li id="li1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('start','','images/btn_start_o.png',1)"><img src="images/btn_start_n.png" alt="start" name="start" width="123" height="20" border="0" id="start" /></a></li>
                                <li id="li1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nieuws','','images/btn_nieuws_o.png',1)"><img src="images/btn_nieuws_n.png" alt="nieuws" name="nieuws" width="123" height="20" border="0" id="nieuws" /></a></li>
                              <li id="li1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('journaal','','images/btn_journaal_o.png',1)"><img src="images/btn_journaal_n.png" alt="journaal" name="journaal" width="123" height="20" border="0" id="journaal" /></a> </li>
                              <li id="li1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('fun','','images/btn_fun_o.png',1)"><img src="images/btn_fun_n.png" alt="fun" name="fun" width="123" height="20" border="0" id="fun" /></a></li>
                              <li id="li1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('onlinegames','','images/btn_onlinegames_o.png',1)"><img src="images/btn_onlinegames_n.png" alt="onlinegames" name="onlinegames" width="123" height="20" border="0" id="onlinegames" /></a></li>
                              <li id="li1">
                                <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('filmpjes','','images/btn_filmpjes_o.png',1)"><img src="images/btn_filmpjes_n.png" alt="filmpjes" name="filmpjes" width="123" height="20" border="0" id="filmpjes" /></a>                              </li>
                              <li id="li1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('fotonieuws','','images/btn_fotonieuws_o.png',1)"><img src="images/btn_fotonieuws_n.png" alt="fotonieuws" name="fotonieuws" width="123" height="20" border="0" id="fotonieuws" /></a></li>
                              <li id="li1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('verassing','','images/btn_verassing_o.png',1)"><img src="images/btn_verassing_n.png" alt="verassing" name="verassing" width="123" height="20" border="0" id="verassing" /></a></li></ul>


Hoe kan ik de ruimte ertussen wegkrijgen ?

Groeten,
Ricardo

PS: voorbeeld op www dot ricardopersoon dot nl/basing/27/
Het menu past nu niet door de spacing :(
 
PHP hulp

PHP hulp

25/05/2012 07:58:45
Gesponsorde koppelingen:
BHosted Hosting al vanaf € 1,- per maand

Controleer nu gratis jouw domeinnaam:

  
 
Roeltje M

Roeltje M

29/12/2009 15:31:00
Quote Anchor link
Online voorbeeld?
 
Ivo K

Ivo K

29/12/2009 15:32:00
Quote Anchor link
Staat onderaan...

Verder denk ik dat het door je padding-top komt, al ben ik niet geheel zeker daarvan...
 
Karl Karl

Karl Karl

29/12/2009 15:36:00
Quote Anchor link
Hier in Opera 10.50 zie ik geen probleem.



(Oh, wat is Opera zo ongelovelijk lekker snel. Geweldig. Ik houd van Opera, Opera is goed, Opera is stoer, Opera is de beste.)

Oftewel, zeg ook effe in welke browser :-).
Gewijzigd op 01/01/1970 01:00:00 door Karl Karl
 

29/12/2009 15:37:00
Quote Anchor link
probeer eens
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
ul
{
    list-style: none;
    margin: 0px;
}
li
{
    list-style:none;
    padding: 0px;
    margin: 0px;
}
 
Tamara

Tamara

29/12/2009 15:37:00
Quote Anchor link
je kan niet een id meer dan 1x gebruiken. gebruik dan ipv id="lil" class="lil"

ik krijg die tussenruimte weg als ik op de <li> een hoogte van 20px zet.
 
- Ricardo -

- Ricardo -

29/12/2009 15:39:00
Quote Anchor link
Ha iedereen,

Bedankt voor de reacties. ik heb het nu opgelost door een height en width aan de li items mee te geven die precies even groot is als de afbeeldingen erin (waarom ben ik daar niet eerder op gekomen ).

Groeten,
Ricardo

Edit: Tamara was me net voor :P
Gewijzigd op 01/01/1970 01:00:00 door - Ricardo -
 

29/12/2009 15:39:00
Quote Anchor link
Karl schreef op 29.12.2009 15:36:
(Oh, wat is Opera zo ongelovelijk lekker snel. Geweldig. Ik houd van Opera, Opera is goed, Opera is stoer, Opera is de beste.)

Oftewel, zeg ook effe in welke browser :-).


Is dat een hint? XD

Goedzo Ricardo! : D
Gewijzigd op 01/01/1970 01:00:00 door
 
Roeltje M

Roeltje M

29/12/2009 15:48:00
Quote Anchor link
Karl schreef op 29.12.2009 15:36:
Hier in
(Oh, wat is Opera zo ongelovelijk lekker snel. Geweldig. Ik houd van Opera, Opera is goed, Opera is stoer, Opera is de beste.)

Oftewel, zeg ook effe in welke browser :-).


Shit! Nu ben ik 'm aant downloaden ook nog. Echt veel beter dan firefox?
 
- Ricardo -

- Ricardo -

29/12/2009 15:53:00
Quote Anchor link
Zal het ook eens proberen :P

Karl schreef op 29.12.2009 15:36:
(Oh, wat is Opera zo ongelovelijk lekker snel. Geweldig. Ik houd van Opera, Opera is goed, Opera is stoer, Opera is de beste.)

Oftewel, zeg ook effe in welke browser :-).
 
Karl Karl

Karl Karl

29/12/2009 16:01:00
Quote Anchor link
Ik vind Opera veel beter dan firefox ja.
Wat ik bijvoorbeeld ook makkelijk vind is dat je geen extension o.i.d. hoeft te installeren als je een beetje in de source wilt rommelen. Dus gewoon ctrl-u indrukken en hopla je kunt testen.
Ook is er Opera Dragonfly je kunt dus dan ook direct aan de slag met javascript en css.

(Pas wel op met de 10.50 alpha, die is nog niet heel stabiel. Maar dat boeit mij niet, hij werkt al wel lekker.)
 



Overzicht Reageren