--- title: "Problem med CSS-dropdown menu, hjälp!" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/166399-problem-med-css-dropdown-menu-hjälp" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Perkulator" published: "2007-11-15T11:02:34.000Z" updated: "2007-11-15T15:33:31.000Z" replies: 4 views: 2429 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/166399-problem-med-css-dropdown-menu-hjälp" --- # Problem med CSS-dropdown menu, hjälp! ## #1 — Perkulator, 2007-11-15T11:02Z Hej! Jag är ny här, och behöver lite hjälp. Håller på med mest design, men ska lära mig CSS. Nu till frågan, det är så att jag håller på med en CSS-sida och den funkar utmärkt i Opera, Firefox och till viss del IE 6 o 7. Men det största problemet är att inte menyn funkar i IE 6. Kan någon hjälpa mig? Här är en länk: Jag är inte så haj på detta ännu, så det må vara en simpel lösning! Tacksam för all hjälp. EDIT. Kan tillägga att jag använder mig av en css-fil () så att positive/relative ska funka i IE. Vad jag har märkt nu är att om jag använder mig av denna så funkar i stället INTE dropdown menun alls. SUCK I grunden vill jag har en CSS sida med en dropdown meny (pga av att sidan kommer innehålla en massa information så funkar inte en vanlig meny, måste ha ca 20-25 klickbara undermenyer), hjälp? /EDIT MVH PERKULATOR :bire Permalänk: https://www.webforum.nu/p/166399 ## #2 — voigtann1, 2007-11-15T12:18Z Den fungera inte alls bra i Firefox för mig... Kollade din källkod... jag förstå inte varför du ha: \

``` new_menu.css ``` /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at [url]http://www.cssplay.co.uk/menus/basic_dd.html[/url] Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ /* remove the bullets, padding and margins from the lists */ .menu ul{ list-style-type:none; padding:0; margin:0; } /* make the top level links horizontal and position relative so that we can position the sub level */ .menu li{ float:left; position:relative; z-index:100; } /* use the table to position the dropdown list */ .menu table{ position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:25px; } /* style all the links */ .menu a, .menu :visited { display:block; font-size:10px; width:149px; padding:7px 0; color:#000; background:#949e7c; text-decoration:none; margin-right:1px; text-align:center; } /* style the links hover */ .menu :hover{ color:#444; background:#d4d8bd; } /* hide the sub level links */ .menu ul ul { visibility:hidden; position:absolute; width:149px; height:0; } /* make the sub level visible on hover list or link */ .menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; } ``` Kort exempel men denna fungera i samtliga läsare.. du har gjort en del missar + ändringar på ditt exempel. Permalänk: https://www.webforum.nu/p/2051797 --- Tråden på webben: https://www.webforum.nu/amne/html-css/166399-problem-med-css-dropdown-menu-hjälp