Richtiges CSS?

[Gaaruto]

Wie muss so ein CSS Code aussehen, damit man es in Firefox auch gescheit sehen kann, also das Layout, (siehe meine HP)...
die Größenangaben der links (mit bildhintergründen) frisst Firefox nicht... der Zeigt dann nur die Größe des Textes, alles drumrum is nicht...

 

[Maxi]

Dein Code wäre nicht schlecht...

 

[Gaaruto]

<style type="text/css">
a:link.navi {
background: url(navioff.png);
height: 30px;
width: 150px;
text-align:center;
color:#000000
text-decoration:none;
font-weight:bold;
}
a:visited.navi {
background: url(navioff.png);
text-align: center;
color: #000000;
height: 30px;
width: 150px;
text-decoration:none;
font-weight:bold;
}
a:hover.navi {
background: url(navion.png);
height: 30px;
width: 150px;
text-align:center;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}
a:link {
background: url(indexno.png);
text-align:center;
height: 60px;
width: 150px;
text-decoration:none;
font-weight:bold;
color:#000000;
}
a:visited {
background: url(indexno.png);
text-align: center;
color: #000000;
height: 60px;
width: 150px;
text-decoration:none;
font-weight:bold;
}

a:hover {
background: url(indexnon.png);
text-align:center;
color: #ffffff;
height: 60px;
width: 150px;
text-decoration:none;
font-weight:bold;
}
h1, h3 {
 background:#8A8A8A ;
 border-top: 1px solid #64BCCC;
 border-left: 1px solid #64BCCC;
 border-right: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;
 color: #000000;
 font: bold 8pt Verdana, sans-serif;
 letter-spacing: 2px;
 margin: 0px;
 padding: 3px 3px 3px 6px;
 text-transform: uppercase;}
</style>

 

[Sn0opy]

In der 7. Zeile fehlt hinter "color:#000000" das Semikolon. Das wird dann wohl auch der Grund sein, wieso es nicht geht. Möglichst immer mit Syntax Highlightern, wie z.b: Notepad++ arbeiten. Dann passieren solche Fehler nicht.

 

[Gaaruto]

sry, aba... es hat nicht funktioniert... muss wohl was anderes hinterstecken...

 

[ingoS]

Versuch es mal, indem du den Links

display: block;

zuweist. Bei den horizontalen kommt dann natürlich noch

float: left;

hinzu.

 

[Gaaruto]

oah... superrr!!!! hat gefunkt... jetzt kann ich ohne bedenken weiter an der Seite arbeiten!!
thx
thx
thx
thx
thx
thx
thx