Har brug for hjælp med LI menu

Hej

er nybegynder på dette område, men har store problemer med at få mine menu, til at stå inde i min menu linje, når jeg endeligt har fundet en løsning, på browseren, men så advarer det min i visual studio at element 'div' cannot be nested within element 'ul'.

Scriptet er:

        </div>
        <ul>
        <div class="Menu">
         
            <div class="Search">

            </div>
       
            <li><a href="#">Home</a></li>
            <li><a href="#">Hardware</a></li>
            <li><a href="#">Kabler</a></li>
            <li><a href="#">Radio/tv</a></li>
            <li><a href="#">Computer</a></li>
            <li><a href="#">Blæk Patroner</a></li>
        </ul>


        </div></div>

Takker på forhånd :)

Med Venlig Hilsen

Michal Do

<div> inde i <ul> er ikke tilladt ifølge standarden. Skal du have en div i en liste skal det omsluttes af <li></li>.

F.eks.:

<ul>

<li><div>noget</div></li>

</ul>

Hvad er det i det hele taget du vil? Det virker ikke som om det er helt hensigtsmæssigt det du gør

.Menu
{width: 960px; height: 25px; border-radius: 50px; background-color:#595555; float:right; margin-top:15px;}

ul
{list-style-type: none; }

li
{float:left;}

ul a    
{display: block; text-decoration: none; font-family: sans serif; font-size: 15px; color: white; background-repeat: no-repeat; background-image: url(/Assets/Images/Streg.png); background-position: right;}

ul a:hover
{color: #ff0000; text-decoration:underline;}

Det er min stylesheet.

Nu er jeg utroligt nyt i denne her oområde, så er lige startet som webintregrator for ca. 1 måned siden, så dette bliver mit første site.

Jeg har lavet et screeenshot, af hvordan min menu linje ser ud. http://img196.imageshack.us/img196/6418/minmenulinje.jpg

problemet er at jeg ikke kan få mine menu'er ind på den grå felt, som er min menu linje, det sorte er bare noget som jeg har lavet wrapper som baggrund, for at se hvor langt min menu går ned :)

Håber det giver mere mening nu :D

Med Venlig Hilsen

Michal Do

 Prøv noget som dette, det er ikke testet men lavet ud fra hukommelsen:

<div id="Menu">

   <ul>
         <li><a href="#">Home |</a></li>
         <li><a href="#">Hardware |</a></li>
         <li><a href="#">Kabler |</a></li>
         <li><a href="#">Radio/tv |</a></li>
         <li><a href="#">Computer |</a></li>
         <li><a href="#">Blæk Patroner</a></li>
   </ul>

   <div id="search">
   </div>

</div>

#Menu{width: 960px; height: 26px; border-radius: 13px; background-color:#595555; margin-top:15px;}

#search{float:right; width: 200px; height: 26px; border-radius: 13px; background-color:red;}

ul {list-style-type: none; float: left;}

li{display: inline; text-decoration: none; font-family: sans serif; font-size: 15px; color: white;}

li:hover {color: #ff0000; text-decoration:underline;}

Med denne CSS virker det:

#Menu{width: 960px; height: 26px; border-radius: 13px; background-color:#595555; margin-top:15px;}

#search{float:right; width: 200px; height: 26px; border-radius: 13px; background-color:red;}

ul {list-style-type: none; float: left; margin: 3px 0 0 15px; font-size: 15px; font-family:arial, sans serif;}

li{display: inline; text-decoration: none;}

li:hover {color: #ff0000; text-decoration:underline;}

a {text-decoration:none; color:white;}