[Lars]

Also, ich hab folgendes Problem. Ich hab grade mein (imo valides) CSS validiert, allerdings wird mir nicht gesagt, obs jetzt valide oder nicht valide ist. Ich kriege Warnings und Notices, aber keine Errors.

Hier der CSS-Code, ihr könnt ja auch mal probieren den zu validieren.

body
{
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
    color: #666666;
    font-size: 1em;
}




a:link
{
    color: #999999;
    text-decoration: none;
}

a:hover
{
    color: #6C8EFF;
    text-decoration: underline;
}

a:active
{
    color: #999999;
    text-decoration: none;
}

a:active:hover
{
    color: #6C8EFF;
    text-decoration: underline;
}

a:visited
{
    color: #999999;
    text-decoration: none;
}

a:visited:hover
{
    color: #6C8EFF;
    text-decoration: underline;
}




a img
{
    border: 0px;
}




fieldset
{
    border: 0px;
}




#container
{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}




#header
{
    padding-top: 15px;
    width: 575px;
    height: 100px;
    float: right;
    border-bottom: 1px solid #CCCCCC;
}

#header img
{
    float: right;
    height: 60px;
    width: 133px;
}

#header h1
{
    margin-top: 0px;
    line-height: 20px;
    text-align: right;
    font-size: 0.8em;
    font-weight: normal;
}




#navigation
{
    width: 174px;
    float: left;
    border-right: 1px solid #CCCCCC;
    padding-top: 135px;
    font-weight: bold;
    font-size: 0.8em;
}

#navigation ul
{
    margin: 0px;
    padding: 0px;
    background-color: #F3F3F3;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 1.6em;
}

#navigation ul li
{
    list-style-type: none;
    text-align: right;
    border-top: 1px solid #CCCCCC;
    height: 1.6em;
    line-height: 1.6em;
    vertical-align: middle;
    padding-right: 3px;
}

#navigation ul li a
{
    display: block;
    text-decoration: none;
    width: 171px;
}

#navigation ul li a:link
{
    color: #6C8EFF;
}

#navigation ul li a:visited
{
    color: #999999;
}

#navigation ul li a:hover
{
    border-color: #FFEE33;
    color: #666666;
    background-color: #FFFFFF;
}

#navigation img
{
    display: block;
    margin-bottom: 15px;
    margin-left: 47px;
}




#content
{
    width: 535px;
    float: right;
    padding: 20px;
}




#footer
{
    margin-left: 174px;
    padding: 10px;
    width: 556px;
    float: right;
    border-top: 1px solid #CCCCCC;
    font-size: 0.8em;
}

#footer ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#footer ul li
{
    display: inline;
    margin-right: 20px;
}




.clear
{
    clear: both;
}

.clear-right
{
    clear: right;
}

.clear-left
{
    clear: left;
}

[Ben]

Was ist bitte

a:active:hover

[Lars]

Ein aktiver Link, auf dem die Maus grade drauf ist. Kombinierte Pseudoklassen

[Ben]

Ist hier vielleicht offtopic, aber ich muss gerade mal fragen. Wie wird ein "aktiver Link" definiert?

[mouCe]

a:activ {
....
}

So?

[Ben]

Nä, die Syntax stimmt ja schon.

@Lars:
Ändere bitte mal das Highlightning oder hänge eine Datei an, da GeSHi ja nicht wirklich copy-paste-fähig ist.

[Lars]

da GeSHi ja nicht wirklich copy-paste-fähig ist.

Bei mir schon, ich änders aber mal auf [code].

Wie wird ein "aktiver Link" definiert?

Ist ein Link, der gerade gkelickt wird/wurde und auf dem immernoch der Fokus liegt.

[Ben]

Ich erhalte

• Zeile : 16 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:link
• Zeile : 22 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:hover
• Zeile : 28 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:active
• Zeile : 34 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:active:hover
• Zeile : 40 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:visited
• Zeile : 46 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:visited:hover
• Zeile : 121 (Level : 1) Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : #navigation ul
• Zeile : 123 (Level : 2) Erneute Definition von margin-bottom : #navigation ul
• Zeile : 146 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : #navigation ul li a:link
• Zeile : 151 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : #navigation ul li a:visited
  

Was genau verstehst du nun nicht?

[Lars]

Ja, das kriege ich auch, aber das sind nur Warnungen. Man hat ein normalerweise ein valides Dokument, wenn man keine Fehler (Errors) drin hat.

Es wird ja schließlich nur die Syntax, aber nicht die Logik geprüft.

[$traight-$hoota]

also wenn du keiner errors kriegst, müsste dein stylesheet ja valide sein...

diese hinweise stehen halt so da. falls du beabsichtigen solltest, für eine css regel ganz andere farben zu wählen, weisen sie dich daruaf hin, das du wohl eine farbangabe vergessen hast.. imho ziemlich sinnfrei *g* aber was solls.

um das auch noch "richtig" zu machen musst du auch überall die fehlende farbe definieren. um unnötige redundanz zu vermeiden kannst du ja auch transparent nehmen. dann musst du das aber nach css 2.5 regeln validieren lassen.

[Lars]

Also bin ich jetzt valide nach CSS 2.1 oder nicht?

[Ben]

Ich würde sagen: Ja.

Aber hey .. ich hab doch keine Ahnung.

[Lars]

Würde ich nämlich auch sagen, aber das macht natürlich nen blöden Eindruck, wenn man auf den "Valides XHTML!"-Link klickt und auf eine Seite mit lauter Warnungen und Hinweisen, aber ohne eine Erfolgsmeldung, kommt.

[Ben]

Scheiß auf den Button?

[Lars]

Auftraggeber will das, leider. Ich würds inzwischen auch lieber weglassen.

[Ben]

Na dann setz doch mal die Hintergrundfarbe und teste aus, ob das dann klappt.

[Lars]

Keine Fehler oder Warnungen gefunden

Super, trotzdem krieg ich immernoch kein "Valides CSS!" gesagt :/

[$traight-$hoota]

Zitat von Lars

Auftraggeber will das, leider. Ich würds inzwischen auch lieber weglassen.

rofl

[Lars]

Naja, hab nen eigenen 80x15 gemacht :>

[Lars]

Inzwischen geht es, aber nur weil ich über einen direkten Link validieren lasse.
http://jigsaw.w3.org/css-validator/v...%2Fdefault.css