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
feestwinkels.be - Goed bezochte handelsgids - 4500 EURWebsite te koopAutoriteit Verhogen met Blogs en BacklinksFreelance / WerkBlogs plaatsen op websites met echte content & bezoekers inclusief gratis tekst?!AdvertentieruimteHoe sta jij er Online voor? Doe de Gratis Marketing Scan!Overige deals
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