Korines
Neues Mitglied
Der CSS-code:
nav ul{
list-style-type: none;
}
nav li{
display: block;
background-color: #B4D500;
border:gray 3px outset;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
width: 150px;
margin-bottom: 3px;
float: left;
margin-right: 10px;
}
nav{
text-align: left;
width: 100px;
}
nav a {
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
color: #000000;
text-decoration: blink;
}
nav li:hover {
border:gray 3px inset;
}
aside {
height: auto;
background-color: #928B83;
font-variant: small-caps;
float: left;
width: auto;
}
section {
width: 555px;
}
article {
width: 500px;
border: gray 4px groove;
background-color: #B4D500;
float: right;
}
Der Quelltext:
das schaut zum schluss so aus..
als ich gemerkt habe das den Artikel nicht neben die Navigation machen kann.. dachte ich mir mach ich die Navigation einfach in eine Sidebar .. habe die größe denke ich mal gleich gestellt .. bzw hab es schon probiert allerdings bringt mir das nix...hab die sidebar via float auf links gemacht den artikel auf rechts .. denke das sollte dann reinpassen aber nein wie man sieht ist der artikel unter der sidebar .. ich saß da locker schon 1 stunde ^^ hab ausprobiert bis ich beschlossen habe ich gebe auf und lass mir helfen .. hoffe ihr versteht was ich meine achja die navigation also die sidebar sollte da bleiben bitte..
und entschuldigen aber ich soll -vorschrift das thema um was es geht geheim halten deswegen musste ich den namen und alles ändern :/ also nicht wundern wieso da steht das ich hilfe brauche mir ist nix anderes eingefallen :)
ich danke euch schonmal im voraus...
Lg
Korines :)
nav ul{
list-style-type: none;
}
nav li{
display: block;
background-color: #B4D500;
border:gray 3px outset;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
width: 150px;
margin-bottom: 3px;
float: left;
margin-right: 10px;
}
nav{
text-align: left;
width: 100px;
}
nav a {
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
color: #000000;
text-decoration: blink;
}
nav li:hover {
border:gray 3px inset;
}
aside {
height: auto;
background-color: #928B83;
font-variant: small-caps;
float: left;
width: auto;
}
section {
width: 555px;
}
article {
width: 500px;
border: gray 4px groove;
background-color: #B4D500;
float: right;
}
Der Quelltext:
HTML:
<!DOCTYPE>
<html>
<head>
<link href="kiosk.css" type="text/css" rel="stylesheet"/>
<title>Brauche Hilfe</title>
</head>
<body>
<header>
<h1 style="text-align:color:#FFFFFF">Hallo</h1>
<h5 style="text-align:color:#FFFFFF">brauche Hilfe </h5>
</header>
</body>
<aside>
<nav>
<ul>
<li><a href="#1"><b>----</b></a></li>
<li><a href="#2"><b>-----</b></a></li>
<li><a href="#3"><b>------</b></a></li>
</ul>
</nav>
</aside>
<section>
<article>
<p>Brauche Hilfe</p>
</article>
</section>
</html>das schaut zum schluss so aus..
als ich gemerkt habe das den Artikel nicht neben die Navigation machen kann.. dachte ich mir mach ich die Navigation einfach in eine Sidebar .. habe die größe denke ich mal gleich gestellt .. bzw hab es schon probiert allerdings bringt mir das nix...hab die sidebar via float auf links gemacht den artikel auf rechts .. denke das sollte dann reinpassen aber nein wie man sieht ist der artikel unter der sidebar .. ich saß da locker schon 1 stunde ^^ hab ausprobiert bis ich beschlossen habe ich gebe auf und lass mir helfen .. hoffe ihr versteht was ich meine achja die navigation also die sidebar sollte da bleiben bitte..
und entschuldigen aber ich soll -vorschrift das thema um was es geht geheim halten deswegen musste ich den namen und alles ändern :/ also nicht wundern wieso da steht das ich hilfe brauche mir ist nix anderes eingefallen :)
ich danke euch schonmal im voraus...
Lg
Korines :)
