Guten tag
Ich hab das problem das ich es nicht schaffe 2-3 boxen nebeneinander aufzustellen.Soll heißen= Navi leiste-Text-Text
jedesmal wenn ich es versuche wird die Navi leiste nach unten geschoben so als wäre es nur 1 großer kasten und nicht 3 nebeneinander liegende
ich post es mal
CSS
Code
.style
{
background-color:white;
width:500px;
height:800px;
margin-left:15em;
front:normal 0.8em Verdana, sans-serif;
color:black;
}
#news
{
font:normal 0.8em Verdana, sans-serif;
color:blue;
margin-left:9em;
}
#navlist
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 3em;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
margin-top:10em;
}
#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}
#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}
#navlist a#current { border-color: #5bd #035 #068 #f30; }
#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}
#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}
#navcontainer>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}
#navlist a:hover, #navlist a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}
#navlist a:active, #navlist a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
Alles anzeigen
HTML
HTML
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="ISO-8859-1"/>
<meta name="description" content=""/>
<meta name="author" content=""/>
<meta name="keywords" content=""/>
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)"/>
<link href="style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<h1>Willkommen auf ....</h1>
<div style="
margin: auto;
">
</div>
<div id="navcontainer">
<ul id="navlist">
<li> <h2><p id="news" >News<p/></h2></li> <p class="style">hi</p>
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Beats</a></li>
<li><a href="#">Information</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressium</a></li>
</ul>
</div>
</body>
</html>
Alles anzeigen
die navi leiste ist nicht von mir hab sie kopiert
bin noch recht neu und am lernen
Danke