css menu style aanpassen

[arnoldl]

hallo all,

 

ben met een cms systeem aan het stoeien met een eigen menu systeem.

 

Dit menu is aanpasbaar via een css file.

Nu heb ik hem al aardig hoe ik hem zou willen , enkel zou ik het submenu onder meer breder willen hebben.

 

iemand een idee welk element dat is??

 

Geen links naar commercële sites (zelfs niet als de site nog niet klaar is.

Zo wil ik hem alleen dan naar beneden

 

mijn css

Code:

 /* common styling */.menu {font-family: arial, sans-serif; width:750px; position:relative; margin:0; font-size:11px; margin:2px 0 20px 0; z-index:100;}.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:65px; height:20px; text-align:center; color:#fff; border:1px solid #3569B2;  line-height:20px; font-size:11px; overflow:hidden;}.menu ul {padding:0; margin:0;list-style-type: none; }.menu ul li {float:left; margin-right:1px; position:relative;}.menu ul li ul {display: none;}/* specific to non IE browsers */.menu ul li:hover a {color:#fff; background:#36f;}.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:100px;}.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;width:100px}.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}.menu ul li:hover ul li ul {display: none;}.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:80px; top:0;}.menu ul li:hover ul li:hover ul.left {left:-80px;} 

[Psychosammie]

Ik heb onlangs op Tweakers in de meuktracker een tool gezien waarmee je met de muis boven een pagina kan bewegen waarbij dat tool dan aangeeft welk CSS component dat is. Ik kan niet op de naam komen maar dit is denk ik wat jij zoekt.

 

Suc6

[arnoldl]

daar gaan we dan ff naar zoeken ,

Heb het nu wel werken , enkel werkt het nu wel in ie7 en niet in ie6

 

grrrrr

[Big fellow]

In firefox zit (standaard component dacht ik) een webdeveloper toolbar. Als hij niet standaard geinstalleerd wordt, dan kan je hem als addon installeren.

Dan met CTRL+Shift+Y kan je de CSS tracker aanzetten. Dan krijg je een extra informatie balk bij je adres balk en daar kan je dan de CSS info zien van het object onder je cursor.

 

Kan heel veel helpen <img src="/forums/images/graemlins/wink.gif" alt="" />

 

Big fellow

[Puch]

voor web developers tools

Surf met firefox naar deze site en installeer de addon.

[Duwgati]

Als je Firefox hebt, dan ook Firebug installeren. Absolute top-tool voor onwikkelaars.

 

En voor IE-gebruikers is Firebug Lite beschikbaar als externe oplossing in de vorm van een script.

[arnoldl]

Krijg hem nogsteeds niet goed , mn aangepaste css werkt perfect in ie7 ,

Doet geen dropdown in ie6

en zet de dropdown opties naast elkaar ipv onder elkaar in firefox...

 

 

Grrrr

Moch er iemand zijn die hierin thuis is en me hiermee kan helpen dan graag...

 

thks , arnold

[lite]

heb je wel de uitzondering voor IE6 in je header toegevoegd?

 

<!--[if lte IE 6]>

<link rel="stylesheet" media="all" type="text/css" href="css/upmenu_ie.css" />

<![endif]-->