Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Always On Top functie?

Hallo, ik heb sinds kort een erg mooi menu op mijn site. ( ergens vandaan geplukt) Maar ik krijg de sub menu's niet uitgeklapt. Nu denk ik dat ie een soote tussen 2 dingen in zit, dus ik dacht aan een soort 'Always On Top' functie. Weet iemand hoe dit moet? Code die er nu is: [code:1:4336bc27d8] .preload1 {background: url(six_0a.gif);} .preload2 {background: url(six_1a.gif);} #nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(six_0.gif) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;} #nav li.top {display:block; float:left;} #nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(six_0.gif);} #nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(six_0.gif) right top no-repeat;} #nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(six_0a.gif) no-repeat right top;} #nav li:hover a.top_link, #nav a.top_link:hover {color:#fff; background: url(six_1.gif) no-repeat;} #nav li:hover a.top_link span, #nav a.top_link:hover span {background:url(six_1.gif) no-repeat right top;} #nav li:hover a.top_link span.down, #nav a.top_link:hover span.down {background:url(six_1a.gif) no-repeat right top; padding-bottom:3px;} #nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;} #nav li:hover {position:relative; z-index:200;} #nav a:hover {position:relative; white-space:normal; z-index:200;} #nav :hover ul.sub {left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; height:auto; z-index:300;} #nav :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;} #nav :hover ul.sub li a {display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;} #nav li ul.sub li a.fly {background:#50b5d0 url(arrow.gif) 80px 6px no-repeat;} #nav :hover ul.sub li a:hover {background:#3f96a9; color:#fff; border-color:#fff;} #nav :hover ul.sub li a.fly:hover {background:#3f96a9 url(arrow_over.gif) 80px 6px no-repeat; color:#fff;} #nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;} #nav a:hover a:hover ul, #nav a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover a:hover ul {left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;} #nav ul, #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover > ul {left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;} #nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover > a.fly {background:#3f96a9 url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} #nav li:hover li:hover > li a.fly {background:#50b5d0 url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} [/code:1:4336bc27d8] Mijn site waar het op staat: [url=http://mrphoto.nl/simple/]Klik[/url] Waar het wel werkt: [url=http://mrphoto.nl/testzone/menu/pro_drop6.html]klik[/url]

livestrong