Hallo,
weiss echt nicht mehr wie es funktioniert wenn ich
rausnehme ist die Navi trozdem noch Horizontal, aber laut css geht
das nicht erst wenn ich float in der navigation a regel rausnehme ist
es vertikal, wie kommt das wo ist der Fehler.
mfg
elo63
weiss echt nicht mehr wie es funktioniert wenn ich
Code:
#navigation li {
: inline
}
das nicht erst wenn ich float in der navigation a regel rausnehme ist
es vertikal, wie kommt das wo ist der Fehler.
mfg
elo63
Code:
* {
padding: 0px;
margin: 0px;
}
body {
/* Gesamtschriftbündel */
font-family: Arial, Helvetica, sans-serif;
/* Hintergrundfarbe */
background-color: #CCCCCC;
margin-top: 25px; /* oberer Rand */
text-align: center; /* mittig */
}
/* DIV umspannt alles */
#wrapper {
width: 780px;
background-color: white;
margin: 0 auto;
text-align: left; /* linksbündig */
}
/* DIV für Logo */
#header {
height: 140px; /* Höhe */
background-color: gray;
background-image: url(../img/podo_header.jpg);
}
/* Überschrift 1 in diesem Header */
#header h2 {
font-variant: small-caps; /* Kapitälchen */
color: white; /* in weiß */
}
/* DIV für Hauptbereich */
#main {
font-size:18px;
background-color: white;
width: auto;
padding-top: 70px;
padding-left: 40px;
padding-right: 40px;
margin: 0px;
}
/* Überschrift 1 im Hauptbereich */
#main h1 {
color: #1285DA;
}
/* DIV für Menübereich */
# {
background-color: #73AADE;
width: 780px;
height: 40px;
float: left;
}
#navigation li {
: inline;
}
#navigation ul {
list-style-type: none;
}
/* DIV für Links im Navi */
#navigation a {
display: block;
float: left;
height: 24px;
margin-left: 20px;
padding-left: 5px;
padding-right: 5px;
padding-top: 9px;
text-decoration: none;
color: black;
}
#navigation a:hover {
height: 22px;
color: #FFFFFF;
background-color: #999999;
padding-top: 9px;
}
Zuletzt bearbeitet von einem Moderator: