Her kan du stille og svare på spørgsmål omkring CSS
-
Mathias - 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;
}
-
ThomasI
- Grundlægger
- Indlæg:1528
- Tilmeldt:28. dec 2010, 10:49
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
-
ThomasI
- Grundlægger
- Indlæg:1528
- Tilmeldt:28. dec 2010, 10:49
Indlæg
af ThomasI » 9. apr 2012, 20:14
Til en anden gang så sæter lige
rund om din kode
-
Mathias - Nørd
- Indlæg:145
- Tilmeldt:5. apr 2012, 18:21
-
Kontakt:
Indlæg
af Mathias » 9. apr 2012, 20:50
Forstår der ikke thomas
-
ThomasI
- Grundlægger
- Indlæg:1528
- Tilmeldt:28. dec 2010, 10:49
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å:
Så er det lidt nemmere at kigge din kode igennem her på forum
-
Mathias - Nørd
- Indlæg:145
- Tilmeldt:5. apr 2012, 18:21
-
Kontakt:
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-->
-
ThomasI
- Grundlægger
- Indlæg:1528
- Tilmeldt:28. dec 2010, 10:49
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
- Indlæg:145
- Tilmeldt:5. apr 2012, 18:21
-
Kontakt:
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">