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
Snatcher.nl - Slechts €10 - Snatch Quarantaine DomeinnamenPromotieCosta Blanca reisgids: vakantie website met 429 blogsWebsite te koop77 Artikelen op unieke (ip) sites + Geschreven en gepubliceerd!LinkpartnersOntvang gegarandeerd meer websitebezoekers met ons SEO & Maand Linkbuilding Pakket!Freelance / Werk
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