• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

width und height Problem

Nightloewe

Neues Mitglied
Hallo,
Undzwar habe ich das Problem, das meine Elemente garnicht auf die CSS-Regeln width und height reagieren.

Hier mal der Code:
HTML:
.nav {
height: 30px;
Position: relative;
}
.nav a {
position: relative;
top: 7px;
color: #848484;
text-decoration: none;
padding-right: 20px;
font-size: 1.2em;
filter:     Alpha(opacity=0);
opacity:    1.0;
moz-opacity:    1.0;
transition: all 0.5s ease-in-out 0s;
}
.nav a:hover { color: #0174DF; }
.active {
position: relative;
top: 7px;
color: black;
background-color: white;
height: 40px;
padding-left: 17px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
Das ist aber nur der betroffene CSS-Code
 
Also deine Navigation (.nav) kann ich ohne Probleme in Firebug bearbeiten. Höhe und Breite.
 
Hallo,
Undzwar habe ich das Problem, das meine Elemente garnicht auf die CSS-Regeln width und height reagieren.

Hier mal der Code:
HTML:
.nav {
height: 30px;
Position: relative;
}
.nav a {
position: relative;
top: 7px;
color: #848484;
text-decoration: none;
padding-right: 20px;
font-size: 1.2em;
filter:     Alpha(opacity=0);
opacity:    1.0;
moz-opacity:    1.0;
transition: all 0.5s ease-in-out 0s;
}
.nav a:hover { color: #0174DF; }
.active {
position: relative;
top: 7px;
color: black;
background-color: white;
height: 40px;
padding-left: 17px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
Das ist aber nur der betroffene CSS-Code

Ohne mir das genau angeschaut zu haben:
inline Elemente haben keine width oder height
 
Du solltest erstmal den HTML-Code sauber schreiben. Nicht nur das dort ein Doctype fehlt, der für eine korrekte Darstellung unerlässlich ist. Auch das "Menü" ist so wie es ist falsch und fehlerhaft geschrieben. Das Du zu viele <div>-Elemente verwendest kann auch ein Nachteil sein, aber nicht zwingend für die Darstellung.
 
Zurück
Oben