[css] li met float:left centreren.

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Java Developer / Domotica / Public Cloud / Verbete

Functieomschrijving Wil jij als Java Developer een bijdrage leveren aan het ontwikkelen van innovatie Java applicaties die het levensgeluk van patiënten in diverse zorginstellingen aanzienlijk verbeterd? Lees dan snel verder! Ontwikkelen van nieuwe applicaties in Public Cloud; Optimaliseren en verbeteren van bestaande applicaties in Private Cloud; Meedenken over verbeterprojecten; Maken en uitvoeren van Stress Testing; Ontwikkelen en verbeteren van de Mobile app. Functie-eisen Hbo werk- en denkniveau; Minimaal 5 jaar relevante werkervaring; Ervaring in Java 8; Kennis van Linux, Public- en Private Cloudtechnieken; Je bent communicatief erg sterk en kan tegen de nodige stress. Bedrijfsomschrijving Deze organisatie is al ruim

Bekijk vacature »

Boris Mattijssen

Boris Mattijssen

25/06/2009 10:01:00
Quote Anchor link
Hallo allemaal,

Ik zit met een probleem. Ik wil een li met float:left centreren.
Dit is het menu: http://test.feestenfeest.nl/test/ (het gaat om het grijze topmenu)

Dit is de css die ik er voor gebruik:
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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
#top_menu {
    width: 1024px;
    padding: 5px 0 5px 0;
    background: #d9dadb url(../_img/menu/top_bg.gif);
    background-repeat: repeat-x;
    margin:0 auto;
}
#top_menu ul {
    list-style-type: none;
    margin:  0;
    padding: 0;
}
#top_menu ul li {
    float: left;
    min-width: auto;
    width: auto;
}
#top_menu ul li a {
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #414141;
    text-decoration: none;
    line-height: 24px;
    height: 24px;
    padding-right: 10px;
    padding-left: 10px;
}
#top_menu .selected {
    background: url(../_img/menu/top_actief.gif) repeat-x;
}

#top_menu .selected a {
    color: white;
}


Maar ik wil dus dat de tweede regel van dat menu gecentreerd is.
Ik heb alleen geen idee.

Kan iemand mij hier helpen?

Groeten,
Boris
 
PHP hulp

PHP hulp

17/01/2020 20:15:13
 
Robert Deiman

Robert Deiman

25/06/2009 10:53:00
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
#top_menu ul {
    list-style-type: none;
    margin:  0;
    padding: 0;
        text-align:center;
}
#top_menu ul li {
        display:inline;
    min-width: auto;
    width: auto;
        margin:0px auto;
}
 
Boris Mattijssen

Boris Mattijssen

25/06/2009 13:04:00
Quote Anchor link
Bedankt! =D

Het werkt helemaal. Top!
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.