xelism

Thanks for not giving up on me :] I entered the commands in the CSS and now the Items show up INSIDE the "Ydelser" button!? I am so f'ing confused!

Oh crap sorry, like this: .submenu { display:none; position:relative; } ul#menu li:hover .submenu { display:block; position:absolute; top:20px; } See now z-indexing is confusing me!

Told you I was a noob I'm a photographer, not a coder, just dabble with it now and then and promised my aunt to help her with her site and here I am, trying to get help from someone prof. Sorry for the inconvenience. My CSS now looks like this: .submenu { display:none; position:absolute; } ul#menu li:hover .submenu { display:block; position:absolute; top:20px; } And the menus are actually apperaing now, but they are stuck over the logo! Check it out www.rikkegladpr.dk/temp/index.html

My menu CSS now looks like this: /* MENU */ /* ----------------------------------------- */ ul#menu { background-image:url(../images/menu.png); width:962px; height:50px; margin:0 auto; background-repeat: no-repeat; overflow:hidden; clear:both; } ul#menu li { background-image:url(../images/sep.png); background-position: right; background-repeat: no-repeat; width:112px; height:50px; margin-right:-2px; display: block; float:left; } ul#menu li a { width:109px; height:52px; padding:0; margin:0; padding-top:14px; color:#8b8a88; font-size: 1.6em; text-decoration: none; display: block; text-align: center; outline: 0; float:left; } ul#menu li a:hover, ul#menu li a.hover { width:109px; height:52px; padding-top:14px; font-size: 1.6em; text-decoration: none; display: block; outline: 0; background-image:url(../images/light3.png); background-position: 0 0; background-repeat: no-repeat; color:#FFF; float:left; } ul#menu li:hover .submenu { display:none; position:absolute; top:20px; } And my HTML: <ul id="menu"> <li><a href="#services-full" class="navi menuitem">Ydelser</a> <ul class="submenu"> <li>ITME1</li> <li>ITEM2</li> <li>ITEM3</li> </ul> </li> <li><a href="#referencer" class="navi menuitem">Referencer</a></li> <li><a href="#about" class="navi menuitem">Om Rikke</a></li> <li><a href="#omdig" class="navi menuitem">Om dig</a></li> <li><a href="http://blog.rikkegladpr.dk" class="navi menuitem" target="_blank">Blog</a></li> <li><a href="#contact" class="navi menuitem">Kontakt</a></li> <a href="http://www.facebook.com" target="_blank" title="Følg mig på Facebook"><img src="style/images/facebook.png" align="right" style="margin:12px 12px 0px 0px"/></a> <!--<li><a href="http://billedbank.rikkegladpr.dk" class="navi menuitem" target="_blank">Billedbank</a></li> --> </ul> Still no drop-down menu appears! :/

Well I know some of the codes, just not their names I've now added a class selector infront of the submenu .submenu { display:none; position:absolute; top:20px; } I'm still not sure about the nesting part. I would really appreciate your help! :/

wow-wow-wow i'm way to noobish here to get all that. So I need to make the submenu a selector in CSS, and how do I do that? And the prefixing, how do I do that? Where do I add the hover in my code? Argh I'm so sorry, hope you can help me!

I've tried editing the CSS which now looks like this: /* MENU */ /* ----------------------------------------- */ ul#menu { background-image:url(../images/menu.png); width:962px; height:50px; margin:0 auto; background-repeat: no-repeat; overflow:hidden; clear:both; } ul#menu li { background-image:url(../images/sep.png); background-position: right; background-repeat: no-repeat; width:112px; height:50px; margin-right:-2px; display: block; float:left; } ul#menu li a { width:109px; height:52px; padding:0; margin:0; padding-top:14px; color:#8b8a88; font-size: 1.6em; text-decoration: none; display: block; text-align: center; outline: 0; float:left; } ul#menu li a:hover, ul#menu li a.hover { width:109px; height:52px; padding-top:14px; font-size: 1.6em; text-decoration: none; display: block; outline: 0; background-image:url(../images/light3.png); background-position: 0 0; background-repeat: no-repeat; color:#FFF; float:left; } submenu { display:none; position:absolute; top:20px; } The only thing I've added so far is the: submenu { display:none; position:absolute; top:20px; } What am I missing here?

I'm editing the HTML manually in DW, I'm not sure what you mean. This is how my menu looks like now: <ul id="menu"> <li><a href="#services-full" class="navi menuitem">Ydelser</a></li> <li><a href="#referencer" class="navi menuitem">Referencer</a></li> <li><a href="#about" class="navi menuitem">Om Rikke</a></li> <li><a href="#omdig" class="navi menuitem">Om dig</a></li> <li><a href="http://blog.rikkegladpr.dk" class="navi menuitem" target="_blank">Blog</a></li> <li><a href="#contact" class="navi menuitem">Kontakt</a></li> <a href="http://www.facebook.com" target="_blank" title="Følg mig på Facebook"><img src="style/images/facebook.png" align="right" style="margin:12px 12px 0px 0px"/></a> <!--<li><a href="http://billedbank.rikkegladpr.dk" class="navi menuitem" target="_blank">Billedbank</a></li> --> </ul> And the submenu's i add how? Like this: <ul id="menu"> <li><a href="#services-full" class="navi menuitem">Ydelser</a> <ul class="submenu"> <li>ITME1</li> <li>ITEM2</li> <li>ITEM3</li> </ul> </li> <li><a href="#referencer" class="navi menuitem">Referencer</a></li> <li><a href="#about" class="navi menuitem">Om Rikke</a></li> <li><a href="#omdig" class="navi menuitem">Om dig</a></li> <li><a href="http://blog.rikkegladpr.dk" class="navi menuitem" target="_blank">Blog</a></li> <li><a href="#contact" class="navi menuitem">Kontakt</a></li> <a href="http://www.facebook.com" target="_blank" title="Følg mig på Facebook"><img src="style/images/facebook.png" align="right" style="margin:12px 12px 0px 0px"/></a> <!--<li><a href="http://billedbank.rikkegladpr.dk" class="navi menuitem" target="_blank">Billedbank</a></li> --> </ul> And them add some in the CSS? Sorry, I'm a noob!

Hi guys, I'm trying to add a drop-down menu to a site that I am working on, I made it from a neat theme that I bought. If you can please look at the site on www.rikkegladpr.dk/temp/index.html you will see the work in progress. The thing I'm trying to do is simple add some drop-down submenus to the "Ydelser" button. Is there a simple way or a simple peace of code which I can use to do this and stille keep the theme look? Hope someone can help me! Thanks a mill, N

Hi guys, I'm looking for a nice and simple newsletter script for my HTML website, people must have the opportunity to subscribe of course, but also unsubscribe somehow. Any suggestion for such script? Regards N

Well some of the html scripts are viewable in the source, so everybody are able to find the user and pass information, I need a script where these information are hidden somehow! Anyone know a good one?

Thanks dude, do you know how to use them exactly? I read what's on the page but I'm still a bit confused!? I put the @font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); } in my CSS style sheet, but I cant figure out how to call that specific font in my html!?

Hi guys, does anyone know of a good password script where the codes are not visible if people views the codes?! The only thing the password is supposed to do is bring people to a new site with some press pictures!

Hi guys, I was wondering how you force browsers to use a certain font!? Check out http://joshuaweigel.com/ - how does he write with that font, it's not an image! Regards, N

Got it just added style="padding-bottom:10px" to the <img tag . I'm a n00b Next question, does anyone know a good lightbox like script that can play both vimoe movies and display jpg images? I'm hoping to find a simple one that consists of just one script file! Any such? Regards, N