Hallo,
Voor een layout waar ik mee bezig ben probeer ik mijn menu (dynamisch) te centreren.
Dit lukt niet...
Hier is mijn html code (voorbeeld menutexten):
En mijn stukje CSS:PHP Code:
<div id="menu">
<ul>
<li class="button"><a class="" href="#">Home</a></li>
<li class="button"><a class="" href="#">Nieuws</a></li>
<li class="button"><a class="" href="#">Activiteiten</a></li>
<li class="button"><a class="" href="#">Referenties</a></li>
<li class="button"><a class="" href="#">Vacatures</a></li>
<li class="button"><a class="" href="#">Media</a></li>
<li class="button"><a class="" href="#">Contact</a></li>
</ul>
</div>
Alvast bedankt moest iemand kunnen helpen!.PHP Code:
/**************/
/* MENU */
/**************/
#menu {
background: #e7f8ff
url(esdeel_03.gif)
}
#menu ul{
text-align: center;
margin: 0 auto;
}
#menu li.button {
display: inline;
padding-left: 10px;
padding-right: 10px;
height: 45px;
list-style-type: none;
color: white;
}
#menu li.button a {
margin-left: 10px;
margin-top: 15px;
margin-right: 10px;
color: white;
font-weight: bold;
text-decoration: none;
}
#menu li.button a:hover {
margin-left: 10px;
margin-top: 15px;
margin-right: 10px;
color: white;
font-weight: bold;
text-decoration: underline;
}
#menu .button:hover {
padding-left: 10px;
padding-right: 10px;
height: 45px;
list-style-type: none;
color: white;
background: grey
url(esdeel_03.png);
}
#menu ul { display: inline-block }
#menu li { display: inline }
#menu a { display: inline-block }
Mvg
Rob
- Centreren Dynamisch menu
-
30-09-2010, 13:09 #1
- Berichten
- 497
- Lid sinds
- 15 Jaar
Centreren Dynamisch menu
-
In de schijnwerper
Goedkope 10 Gbps Virtual Private Server (VPS) in Nederland (Met PURE NVMe opslag!)HostingHoe sta jij er Online voor? Doe de Gratis Marketing Scan!Overige dealsWebsite over boeken te koop met maandelijkse omzetWebsite te koopACTIE: 24,95 voor blog met link op UR 47 / DR 42 vastgoed site!Linkpartners -
30-09-2010, 13:11 #2
- Berichten
- 1.036
- Lid sinds
- 16 Jaar
voorbeeld/linkje zou erg handig zijn:)
-
30-09-2010, 13:18 #3
- Berichten
- 26
- Lid sinds
- 13 Jaar
<ul class="menu"> in html
ul.menu {
margin: 0 auto;
}
In de css
-
30-09-2010, 13:21 #4
- Berichten
- 497
- Lid sinds
- 15 Jaar
Het is lokaal gehost.
in firefox heb ik het aan de praat gekregen maar dan weer IE die moeilijk doet
hier is een afbeelding:
-
30-09-2010, 13:24 #5
- Berichten
- 694
- Lid sinds
- 14 Jaar
width: 100%; voor #menu?
-
30-09-2010, 13:25 #6
- Berichten
- 497
- Lid sinds
- 15 Jaar
-
30-09-2010, 13:29 #7
- Berichten
- 2.266
- Lid sinds
- 15 Jaar
Beetje spelen met je margin-right (of padding-right) , dan komt er meer ruimte tussen de knoppen.
-
30-09-2010, 13:35 #8
- Berichten
- 497
- Lid sinds
- 15 Jaar
-
30-09-2010, 15:35 #9Particulier
- Berichten
- 92
- Lid sinds
- 13 Jaar
Zodra ik "#menu ul { display: inline-block }" weg haal, en "padding: 0;" toe voeg aan "#menu ul{" staat het menu bij mij gewoon netjes in het midden?
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic