Autor Zpráva
mantisa
Profil
Ze zvědavosti jsem prohnal svůj CSS soubor validátorem a hle 88 varování.

Pro ilustraci jedno z nich:

Same colors for color and background-color in two contexts body and p.chci-kalkulaci2 a span

Mám někde nesrovnalost nebo se mě snaží milý validátor upozornit, že písmo by mohlo splývat s barvou pozadí body?
Proč však nebere v potaz jednotlivá pozadí pro dané elementy?

Trefil jsem se?

Pokud tomu tak skutečně je, ať si tyhle pseudoupozornění nechá od cesty, jsem pak zbytečně neurotický, když nevidím zelený proužek a gratulaci. :-)
Joker
Profil
ať si tyhle pseudoupozornění nechá od cesty
A jak to máme zařídit? :-) (btw. píše se "tahle upozornění")
Str4wberry
Profil
mantisa
„Trefil jsem se?“
Řekl bych, že ano — styl je validní, nicméně validátor na to upozorňuje (Warnings) — to je hodný, ne?☺
mantisa
Profil
Joker

"tyhle" neni gramaticky ani typograficky zcela špatně, pouze to je hovorové ;-)

no já se spíše ptám, jestli moje hypotéza je správná
mantisa
Profil
Str4wberry

Když ale zjevně nic neví o pozadí, na kterém to bílé písmo je, tak ať si ty warningy strčí kamsi.
Str4wberry
Profil
mantisa
„Když ale zjevně nic neví o pozadí, na kterém to bílé písmo je“
Tak teď nevím, zda jsem Tě správně pochopil.

body {color: stejná barva jako pozadí body; background: stejná barva jako text body}
p.chci-kalkulaci2 a span {color: stejná barva jako pozadí spanu; background: stejná jako barva písma spanu}

Pokud je to takhle, tak validátor přece ví o pozadí, na kterém to bílé písmo je.
mantisa
Profil
Str4wberry

je to takto:

body {
height: 100%;
background-color: #FFFFFF;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}

p.chci-kalkulaci2 {
display: block;
width: 180px;
height: 28px;
font-size: 1.1em;
font-weight: bold;
text-align: left;
position: relative;
background-color: #C10000;
margin-top: 20px;
}

p.chci-kalkulaci2 a, p.chci-kalkulaci2 a span {
display: block;
width: 100%;
height: 100%;
line-height: 28px;
position: absolute;
top: 0;
left: 0;
text-align: center;
text-decoration: none;
color: #FFFFFF;
overflow: auto;
background: url('') no-repeat 0 0;
}
habendorf
Profil
Řešíte kraviny.

nevidím zelený proužek a gratulaci

V tom případě tam máš nějaké chyby.
Joker
Profil
mantisa
Zjevně to tak je.
Zkrácený kód:
body {
background-color: #FFFFFF;
}

p.chci-kalkulaci2 {
background-color: #C10000;
}

p.chci-kalkulaci2 a, p.chci-kalkulaci2 a span {
color: #FFFFFF;
}

dá tutéž hlášku.
Nicméně určitou vypovídací hodnotu to má, protože to, že p.chci-kalkulaci2 má nějakou barvu pozadí ještě neznamená, že text z p.chci-kalkulaci2 a, případně p.chci-kalkulaci2 a span bude nad tou samou barvou pozadí.
Respektive pro IE ano, ale pro W3C (a třeba Operu a Firefox) ne.

Ale spíš jde o nedokonalost validátoru :o)
mantisa
Profil
habendorf

kde, ptám se Vás ...? :-)

já vím teda jak to napravit, ale poukazuji spíše na to, že CSS validátor je až moc horlivý
habendorf
Profil
kde, ptám se Vás ...? :-)

Bez linku těžko říct. Warningy nemají na výsledek validace vliv.
Bubák
Profil
Validátor je horlivý a barva pozadí se nedědí, takže jak má validátor vědět, jakou barvu máš na pozadí?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: