Hallo Felix,
nicht daß du glaubst, ich habs gelesen und ad acta gelegt, was du hier geschrieben hast.
Deinen Angaben folgend habe ich bereits quasi ein Layout erstellt, vier Seiten mit Text und Navi und Bildern. Noch alles sehr einfach halt, aber es funktioniert.
Siehe Ansicht Seite 1
Was nicht funktioniert sind meine Schriftangabe in CSS und die Seite floatet, obwohl ich 760px eingegeben habe.
Was mache ich falsch?
body { color:rgb(239,238,248); background-color:rgb(82,66,82); }
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
background-color:rgb(82,66,82);
}
div#Seite {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width: 760px;
padding: 0.5em;
border: 2px ridge silver;
}
ul#Navigation {
font-size: 0.85em;
float: left; width: 15em;
margin: 0; padding: 0;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0;
}
ul#Navigation a {
display: block;
padding: 0;
}
ul#Navigation a:link {
color: rgb(186,158,186);
}
ul#Navigation a:visited {
color: rgb(151,137,151);
}
ul#Navigation a:hover {
color: red;
}
ul#Navigation a:active {
color: white;
}
div#Inhalt {
margin-left: 10em;
padding: 0 1em;
border: 1px dashed silver;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}
div#Inhalt h1 {
font-size: 1.5em;
margin: 0 0 1em;
}
div#Inhalt h2 {
font-size: 1.2em;
margin: 0 0 1em;
}
div#Inhalt p {
font-size:1em;
}
h1 { color:red;) background-color:rgb(82,66,82); }
h2 { color:red;) font-size:30px; background-color:rgb(82,66,82); }
p { color:white;) background-color:rgb(82,66,82); }