Hi,
Ik ben al een tijdje aan het klooien op mijn menu zo te krijgen dat het werkt en alles goed op zijn plek staat.
Tot nu toe werkt het nog maar half, dus vraag ik jullie om hulp.
Mijn html is:
CSS:PHP Code:
<div id="nav">
<ul>
<li><a class="horhome" href="#">Home</a></li>
<li><a class="horpatrickdesign" href="#">Patrickdesign</a></li>
<li><a class="hordiensten" href="#">Diensten</a>
<ul class="submenu">
<li><a href="#">Webdesign</a></li>
<li><a href="#">Webdesign</a></li>
<li><a href="#">Webdesign</a></li>
<li><a href="#">Webdesign</a></li>
</ul>
</li>
<li><a class="horshowcase" href="#">Showcase</a></li>
<li><a class="horcontact" href="#">Contact</a></li>
</ul>
</div>
JS:PHP Code:
#nav{height:33px; line-height:32px; padding:0 50px;}
#nav ul, #nav ul li { margin:0; padding:0; list-style:none;}
#nav ul li{float:left;display:inline; position:relative; background: url('../img/tussenstuk-menu.png') no-repeat;}
#nav ul li a:link,#nav ul li a:visited{color:#fff; font-size:11px; font-weight:bold; text-decoration:none; text-align:center; display:block; }
#nav ul li a:hover{color:#ebeff7;}
#nav ul li ul li{float:none; display:block;}
#nav ul li ul li a:link,#nav ul li ul li a:visited{color:#fff; font-size:11px; font-weight:bold; text-decoration:none; padding:0 10px; clear:both; text-align:left;}
#nav ul li ul li a:hover{background:#449e9d; width: 147px; margin-left:auto; margin-right:auto;}
.submenu {position: absolute; width: 189px; background: #337675; display: none; line-height: 34px; z-index: 1000; border-radius:5px; top:33px;; left: 0; }
Er moet een streep tussen zoals op deze afbeelding te zien is:PHP Code:
<script type="text/javascript">
function nav(){
$('div#nav ul li').mouseover(function() {
$(this).find('ul:first').show();
});
$('div#nav ul li').mouseleave(function() {
$('div#nav ul li ul').hide();
});
$('div#nav ul li ul').mouseleave(function() {
$('div#nav ul li ul').hide();;
});
};
$(document).ready(function() {
nav();
});
En dan het submenu zo:
Online voorbeeld:
http://www.patrickdesign.nl/help/menu.html
Alvast bedankt.
Groet,
Patrick
- Menu wil niet zoals ik het wil...
-
30-12-2011, 12:39 #1Particulier
- Berichten
- 406
- Lid sinds
- 13 Jaar
Menu wil niet zoals ik het wil...
-
In de schijnwerper
Bergwandeling.com - Mooie EMD met zoekvolume - 525 artikelen - Affiliate / AdsenseWebsite te koopHoe sta jij er Online voor? Doe de Gratis Marketing Scan!Overige dealsVergelijkWebhosting.nl - Sterke domeinnaam - Voor een vergelijkerDomein te koopBacklinks.nl - Trustflow 50+ SuperboostAdvertentieruimte
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