CSS validita

Našel by se tady někdo, který by mi pomohl zvalidnit nekrátký CCS kód?

proc ne :)

ukaz mi ho, ja to omrknu..nemam co delat :)

Tak tady to je...

td {
color: #FFFFFF
}
.mainlink {
position: absolute; left: 490%; top: -37px
}
.hlavicka {
border-bottom: 1px double orange;
{
.uzivatel-blok {
display:none;
{
.popisblogu {
color: #FFCC00
}
.clanek {
color: #FFFFFF
}
.perex {
color: #99CC00
}
.sloupek .kategorie.nezarazeno {
display:none;
}
body {
background-color: #330099;
color: orange;
scrollbar-face-color: #300098;
scrollbar-arrow-color: #48F0F0;
scrollbar-highlight-color: #300098;
scrollbar-3dlight-color: #50F0F0;
scrollbar-shadow-color: #380098;
scrollbar-darkshadow-color: #48ECF0;
scrollbar-track-color: #300098;
style=filter:Glow(color=purple,strenght=5);
}
a:link {
color: #3399FF;
text-decoration: none;
}
a:visited {
color: #3399FF;
text-decoration: none;
}
a:active {
color: #3399FF;
text-decoration: none;
}
A:hover {
color: orange;
text-decoration: italic;
}
.sloupek {
border: none;
border-right: 1px double orange;
left: 5px;
margin-left: 0px;
padding: 2px;
background-color: #330099;
}
.prispevky {
margin-left: 193px;
margin-right: 8px;
}
.prispevek {
border: none;
border-bottom: 1px double orange;
}
.kategorie-blok, .uzivatel-blok, .html-blok, .archiv-blok {
margin: 5px;
background-color: transparent;
}
.kategorie-titulek {
background-color: #000000;
color: #cccccc;
}
.prispevek h2 {
color: #339933
}

.kalendar .nadpis { background-color: #330099;
}

.kalendar {
border: 1px solid #330099;
}
.kalendar td {
border: none;
color: #FFFFFF;
}
.kalendar .vikend {
background-color: #330099;
}
.kalendar .clanky {
background-color: #330099
}
.oprispevku {
text-align: right;
color: #3399FF;
}
.oprispevku .cas {
color: #3399FF;
}
.kategorie .zvoleno, .kategorie .zvoleno:visited {
color: #330099;
}
.archiv-blok .zvoleno, .archiv-blok .zvoleno:visited {
color: #FFFF00;
}
.uzivatel-blok {
display:none;
{
.nazevblogu {
color: orange
text-decoration: bold;
font-family: Times New Roman;
}
.archiv-blok {
display: none;
}
img a{
border: none;
}
img a:hover {
border:1px solid #3399FF;
}
acronym {
background-color: blue;
}

Na první pohled žádné velké prohřešky nevidím až na ty scrollbary - žádné nastavení barev scrollbarů není povoleno jinde než v IE takže to rozhodně validní není, musíš se obejít bez toho.
Jo a text-decoration: bold znamená co? Spíš jsi asi chtěl napsat font-weight: bold
Hlavní problém je ale jinde - když spustíš na tohle css validátor tak se chudák úplně zblázní a to pouze kvůli tomu, že máš na třech místech napsány opačné závorky takže neví kde končí definice a nahlásí že to máš celé blbě. Schválně se podívej kde máš na začátku řádku napsanou ukončovací závorku takhle { místo správného }
Další chyby:
neexistuje barva orange, zadej místo toho slova přímo číselný kód barvy
žádné filtry nejsou povoleny (glow atd.)
text-decoration: italic je blbost, správné je font-style: italic

to je asi všechno. Opravený kód ti posílat nebudu, podle toho co jsem napsal si to můžeš opravit snadno sám.

http://jigsaw.w3.org/css-validator/

.sloupek {border-right: 1px double...
v síle 1px dvojitost rámku nevinikne ani na Macu.

td {
color: #FFFFFF
}


Nemělo by se kód barvy psát malým písmenem

No díky všem, podívám se na to podle rad a poopravím. Jedná se totiý o to, že jsem tam pořád jen plácal další a další elementy a ty staré nepotřebné nemazal a pak se mi v tom udělal bordel.

jak som pisal odkaz na ten validator on ti vyflusne validny kod

No právě že validátor mu vůbec nepomůže protože jak už jsem napsal, tak se úplně zblázní z toho že má několik chybných závorek a tudíž označí téměř celý css jako chybný.

Na velikosti písma u barvy nezáleží.

Mimochodem, "img a" a "img a:hover" nebudou fungovat. Znamenalo by to odkaz uvnitř obrázku. Obrázek uzavřený v odkazu by byl "a img" a "a img:hover". A ten hover nepojede v IE, protože ten umí hover jenom nad odkazy.

2Freya: Jo to vím, to je zrovna ten nepotřebný nesmazaný element... :o)
Jinač už všechno šlape: www.blog.lide.cz/lukysy

Freya: Všechno jde... ;D

<img src="http://odkaz.cz/obrazek.jpg" alt="Obrazek"><a href="http://odkaz.cz" title="Odkaz vnořený do obrázku">Kliknutí uvnitř obrázku</a></img>

hanyZ >> nestraš ;-)

<HTML>Mezi nami devcaty.... ty scrollbary povazuji za velky nedostatek ostatnich browseru vzhledem k image celeho webu... prevazne pri vyuziti u overflow, nemluve o maxlenght v inputech, ale to uz zabiham na OT</HTML>

jj někdy ty barevné scrollbary opravdu chybí

Tak jak říkám všechno je už fpoho a CSS je validní, jen by mě zajímalo copak je tohle: Line : 0 font-family: You are encouraged to offer a generic family as a last alternative (Je to ve Warnings). Může mi to někdo volně přeložit?

Na konci má být rodina písma:
serif - patkové, sans-serif - bez patek ...
tedy např: ... Verdana, Arial, sans-serf; }

Aha díky... A na co to je dobré v praxi?

To kdyby náhodou někdo opravdu chudý neměl ani jeden z požadovaných fontů... proto patří k dobrým mravům webdyzajnéra, aby chudáčka politoval a řekl mu aspoň, že tam je písmo patkové nebo bezpatkové... nebo chceš, aby se ubožáček zbláznil, že neví, jaké písmo tam má použít, když nemá ani jedno z v CSS uvedených?

Aha takže mám to chápat tak, že když v pc ty písma nenajde, tak vybere nějaké sans-serif nebo serif, které pc má? A co je monospace?

stejná šířka všech písmen Courier New, Lucida Console, Fixedsys ...

Richard: To je věc názoru. Dřív jsem byl docela fanatický zastánce obarvených scrollbarů. Když se to udělá vkusně v rámci jedné barvy... Ale stejně je to "násilný" :) zásah do uživatelova prohlížeče. To je jako ta různá schovávání toolbarů a podobně...

Havel-st: Díky

hanyZ: Mno je to věc názorů. Pro uživatele, hlavně nějakého který moc s netem neumí to je pěkné spestření.

tak sem se zase něco poučil...