Menu css

hvis du laver en definition på li også med en specifik bredde alt efter hvor mange menu-punkter du har
li-width: 800/antal af menu-punkter
Ellers skal du have noget jQuery til at rette det for dig, men ville mene ovenstående er nemmeste løsning.
Sig til hvis du har behov for jQuery løsningen.

Klaret
prøvet med den første... og det virket.

Tak

Hej, nu har jeg lige fundet ud af at jeg også får brug for en drop down, hvor meget skal jeg ændre. Har prøvet og søge, og lavet nogen af dem. Men det fungeret ikke.

 @charset "utf-8";
 /* CSS Document */
 
 #menu{
     width: 100%;
     
     }
     
 #menu ul{
     margin: 0;
     padding: 0;
     float: left;
         
 }
 #menu ul li{
     display:inline;
     
     }
     
 #menu ul li a{
    float: left;
    text-decoration:none;
    color: white;
    padding 4px;
    background-color: #963;
    font-family:"Comic Sans MS", cursive;
    width: 200px;
    text-align:center;
    
        
 }
 
 #menu li a:visited{
     color: white;
 }
 
 #menu ul li a:hover, #menu ul li .current{
     color: #fff;
     background-color:#804040;    
     
 }
 
 #menu li:hover ul{
     
     display:block;
     
     }

 <div id="menu">
 <ul>
 <li><a class="current" href="#">Text2</a></li>
 <li><a href="#">Text2</a></li>
 <ul>
   <li><a href="#">text1</a></li>
   <li><a href="#">text2</a></li>
   <li><a href="#">text3</a></li>
 </ul>
 <li><a href="#">Text3</a> </li>
 <li><a href="#">Text4</a></li>
 </ul>

Det var så lidt og er godt at høre

Kan du hjælpe mig csharper. Jeg vil gerne gøre det uden javascript og jquery...

Hey Maria
Forstår jeg det rigtigt du vil lave en dropdown uden javascript og jquery?
Tror godt det kan blive ret svært og ellers en meget meget grim løsning.
Men du bør ikke være så nervøs for javascript og jQuery - de er dine venner og jo bedre du lærer dem at kende jo bedre venner bliver de og jo mere kan de hjælpe dig.
Vil gerne se på det, men bliver i morgen for er på vej i seng

Forresten så tror jeg at din html er forkert, for tror ikke du må neste <ul> indeni en anden <ul> sammen med dine <li>.
Jeg har en løsning til den del også, men den må du desværre vente med til i morgen.

Ok jeg kan prøve med javascript...

Vises og godnat...

Prøv evt. Dette. Tror det er det du mener

 #menul{
      display: table;
  }
  #menu ul{
      display: table-row;
  }
  #menu ul li {
      display: table-cell;
  }

Her en der stiller samme spørgsmål.
Stackoverflow

Jeg har prøvet det andré, det virker heller ikke...

 #menu ul li a:hover, #menu ul li .current{
     color: #fff;
     background-color:#804040;    
     
 }

Virker ikke på alle sider, når man går til en anden side.