Problem med DropDownMenu

Her kan du stille og svare på spørgsmål omkring CSS
Besvar
Mathias
Nørd
Nørd
Indlæg:145
Tilmeldt:5. apr 2012, 18:21
Kontakt:
Problem med DropDownMenu

Indlæg af Mathias » 9. apr 2012, 19:27

Kan ikke få min DropDownMenu til at være i miden

Kode

Kode: Vælg alt

@charset "utf-8"; 
#navMenu {
margin:0;
padding:0;
}
#navMenu ul {
margin:0;
padding:0;
line-height:30px;
}
#navMenu li {
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
background:#1B1A1A;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px black;
}
#navMenu ul li a {
text-align: center;
font-family:"Arial Narrow", cursive; 
text-decoration:none;
height:30px;
width:150px; 
display:block; 
color:#115EBC;
border:1px solid #FFF;
-moz-border-radius: 5px;
-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
}
#navMenu ul ul {
position:absolute;
visibility:hidden;
top:32px;
-webkit-box-shadow: inset 0 0 5px 5px#;
}
#navMenu ul li:hover ul {
visibility:visible;
}
/*****************************************************/
#navMenu li:hover {
background:#09F;
-webkit-box-shadow: inset 0 0 5px 5px#0FF6B;
}
#navMenu ul li:hover ul li a:hover {
background:#00B3FF; 
color:#E114C6; 
}
#navMenu a:hover {
color:#E500D6;
-webkit-box-shadow: inset 0 0 5px 5px#001EFF;
-moz-box-shadow: inset 0 0 5px 5px #008FFD;
}
.clearFloat {
clear:both;
margin:0;
padding:0;
}

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Problem med DropDownMenu

Indlæg af ThomasI » 9. apr 2012, 20:13

Hej,

Lav en div og sæt den ind i den...

Derefter så style din div således:

Kode: Vælg alt

margin-left: auto;
margin-right: auto
width: auto;
height:auto
Så skulle den gerne hoppe ind på midten

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Problem med DropDownMenu

Indlæg af ThomasI » 9. apr 2012, 20:14

Til en anden gang så sæter lige

Kode: Vælg alt

rund om din kode :D

Mathias
Nørd
Nørd
Indlæg:145
Tilmeldt:5. apr 2012, 18:21
Kontakt:

Re: Problem med DropDownMenu

Indlæg af Mathias » 9. apr 2012, 20:50

Forstår der ikke thomas

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Problem med DropDownMenu

Indlæg af ThomasI » 9. apr 2012, 21:17

Næste gang du skriver noget kode her på forum så sæt det omkring din kode altså:

Kode: Vælg alt

kode
Så er det lidt nemmere at kigge din kode igennem her på forum :D

Mathias
Nørd
Nørd
Indlæg:145
Tilmeldt:5. apr 2012, 18:21
Kontakt:

Re: Problem med DropDownMenu

Indlæg af Mathias » 11. apr 2012, 14:51

det virker ikke Thomas

Kode

Kode: Vælg alt

  <div id="wrapper"> <!--Start--> 
      <div id="navMenu"> 
   <div style=" width:1000px; margin: auto;" >
        <ul> 
          <li><a href="index.php">Forside</a> <!--Overordnet link--> 
            <ul> </ul> <!--End inner LI list--> 
          </li> <!--End mail LI list--> 
        </ul> <!--End main UL list--> 
        <ul> 
          <li><a href="s.php">Server info</a> <!--Overordnet link--> 
            <ul> 
              <li><a href="o.php">Owner</a></li> <!--Underlink til Link 2--> 
              <li><a href="a.php">admin</a></li> <!--Underlink til Link 2--> 
              <li><a href="m.php">Moderator</a></li> <!--Underlink til Link 2--> 
              <li><a href="sr.php">server regler</a></li> <!--Underlink til Link 2--> 
            </ul> <!--End inner LI list--> 
          </li> <!--End mail LI list--> 
        </ul> <!--End main UL list--> 
        <ul> 
          <li><a href="om.php">om os</a> <!--Overordnet link--> 
            <ul> </ul> <!--End inner LI list--> 
          </li> <!--End mail LI list--> 
        </ul> <!--End main UL list--> 
        <ul> 
          <li><a href="v.php">Video</a> <!--Overordnet link--> 
            <ul> </ul> <!--End inner LI list--> 
          </li> <!--End mail LI list--> 
        </ul> <!--End main UL list--> 
        <ul> </ul> 
        <p> <!--End inner LI list--> <!--End mail LI list--> <!--End main UL list--> </p>
      </div> 
      <p> <!--End wrapper div-->

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Problem med DropDownMenu

Indlæg af ThomasI » 11. apr 2012, 20:05

Får du lukket alle dine divs?

du åbner tre

Kode: Vælg alt

<div id="wrapper"> <!--Start--> 
      <div id="navMenu"> 
   <div style=" width:1000px; margin: auto;" >
Men lukker kun en til sidst med </div>

Mathias
Nørd
Nørd
Indlæg:145
Tilmeldt:5. apr 2012, 18:21
Kontakt:

Re: Problem med DropDownMenu

Indlæg af Mathias » 20. apr 2012, 19:20

Hej tak for hjælpen men har fået et nyt problem det er at jeg har ændre kidt på siden sådan ser det ud

Kode: Vælg alt

      <div id="wrapper">
          <div id="header">
            <div id="wrapper"> <!--Start--> 
      <div id="navMenu">
 <div style=" width:1000px; margin: auto;" >
          <ul> 
            <li><a href="index.php">Forside</a> <!--Overordnet link--> 
              <ul> </ul> <!--End inner LI list--> 
            </li> <!--End mail LI list--> 
          </ul> <!--End main UL list--> 
          <ul> 
            <li><a href="s.php">Server info</a> <!--Overordnet link--> 
              <ul> 
                <li><a href="o.php">Owner</a></li> <!--Underlink til Link 2--> 
                <li><a href="a.php">admin</a></li> <!--Underlink til Link 2--> 
                <li><a href="m.php">Moderator</a></li> <!--Underlink til Link 2--> 
                <li><a href="sr.php">server regler</a></li> <!--Underlink til Link 2--> 
              </ul> <!--End inner LI list--> 
            </li> <!--End mail LI list--> 
          </ul> <!--End main UL list--> 
          <ul> 
            <li><a href="om.php">om os</a> <!--Overordnet link--> 
              <ul> </ul> <!--End inner LI list--> 
            </li> <!--End mail LI list--> 
          </ul> <!--End main UL list--> 
          <ul> 
            <li><a href="v.php">Video</a> <!--Overordnet link--> 
              <ul> </ul> <!--End inner LI list--> 
            </li> <!--End mail LI list--> 
          </ul> <!--End main UL list--> 
          <ul> </ul> 
          <p> <!--End inner LI list--> <!--End mail LI list--> <!--End main UL list--> </p>
          </div>  
           
           <div id="menu">

Besvar