Autor Zpráva
jayare
Profil *
#1 · Zasláno: 21. 8. 2010, 09:55:44
Odpovědět Citovat
Ahoj, mám ve svém CSS asi 9 chyb, věděl by prosím někdo čím to je? [url=http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fpc-xp.net%2Fnews.php][/url] 
/* Comment element properties */

a {
	color: #000;
	text-decoration: none;
}

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

a.side {
	color: #3A3935;
	text-decoration: none;
}

a:hover.side {
	color: #444444;
	text-decoration: underline;
}

a.white, li.white a {
	color: #DCE0E2;
	text-decoration: none;
	font-weight:bold;
}

a:hover.white, li.white a:hover {
	color: #444444;
	text-decoration: underline;
}

body {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:center;
}

hr {
	height:0px; 
	border:solid #CCCCCC 1px; 
	border-top-width: 1px;
}

hr.side-hr {
	height:0px; 
	border:solid #CCCCCC 0px; 
	border-top-width:1px;
}

td {
	font-family:Verdana,Tahoma,Arial,Sans-Serif; 
	font-size:10px;
}

pre {
	font-family:Verdana,Tahoma,Arial,Sans-Serif; 
	font-size:11px;
}

.alt {
	color: #1C1C1C;
}

.spacer {
	margin-bottom: 5px;
}

.admin-message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #555;
	background-color: #f6f6f6;
	border: 1px solid #e1e1e1;
	padding: 3px 4px 5px 4px;
	margin-bottom: 5px;
}

/* Form element properties */

form {
	margin: 0px;
}

.button {
	background-image: url(images/cellpic.png);
	font-family:Verdana,Tahoma,Arial,Sans-Serif; 
	font-size:10px; 
	color:#000000;
	background-color:#E8E8E8;
	border:1px #8A8573 solid;
	margin-top:2px;
}

.bbcode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #eee;
	border: 1px solid #ccc;
	margin-top: 2px;
}

.textbox {
	background: #EAE9E4 url(images/bg_body.gif);
	font-family:Verdana,Tahoma,Arial,Sans-Serif; 
	font-size:10px; 
	color:#000000;
	background-color:#E8E8E8;
	border:1px #8A8573 solid;
}

/* Header and footer properties */

.sub-header {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-weight: bold;
	font-size:11px;
	vertical-align:bottom;
	color:#000;
	padding: 2px;
}

.sub-header-left {
	width: 3px;
	height: 5px;
}

.sub-header-right {
	width: 3px;
	height: 28px;
}

.sub-header ul{
	margin: 0;
	padding: 0;
}

.sub-header ul li{
	display: inline;
}

.sub-header ul li.first-link .bullet{
	display: none;
}

.full-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #fff;
	padding: 5px 0 10px 0;
}

.main-footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
	background-color: #;
	padding: 5px;
}

.bottom-footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #555;
	padding: 4px 4px 5px 4px;
}

.main-body {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:11px; color:#000;
	background-image: url(images/main.png);
	padding:3px 4px 3px 4px;
}

/* Side-Panel properties */


.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

.side-border-left {
	background-repeat: repeat-y; 
}

.side-border-right {
	background-repeat: repeat-y; 
}

.scapmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	background-color: #555;
	background-image: url(images/cellpic.png);
  background-repeat: repeat;
	padding: 6px 4px 6px 4px;
}

.scapmain-left {
	width: 3px;
	height: 24px;
	background-color: #555;
	background-image: url(images/cellpic.png);
}

.scapmain-right {
	width: 3px;
	height: 24px;
	background-color: #555;
	background-image: url(images/cellpic.png);
}

.side-body {
	font-size:11px;
	color:#444444;
	padding:4px 4px 6px 4px;
	background-image: url(images/paleta.png);
}

/* Center-Panel properties */

.news-category {
	border: 0;
	margin: 3px 5px 0 0;
	float: left;
}

.news-footer {
	font-size:9px;
	font-weight:normal;
	color:#142000;
	background-image: url(images/paleta.png);
	padding:4px 4px 4px 4px;
}

.capmain {
	background: url(images/cellpic.png);
	color: #FFFFFF;
	font-weight: bold; 
	text-align: center;
	vertical-align:center;
	height: 24px;
	padding:0px 4px 0px 4px;
}

.capmain-left {
	width:2px;
	height:20px;
	color: #;
}

.capmain-right {
	width:2px;
	height:20px;
	color: #;
}

.main-bg {
	background-color:#;
}

/* General table properties */

.center {
	margin: 0 auto;
}

.tbl-border {
	background: url(images/bela.png);
}

.tbl {
	font-size:11px;
	padding:3px 4px 3px 4px;
}

.tbl1 {
	font-size:11px; 
	color:#000;  
	padding:4px;
}

.tbl2 {
	font-size:11px; 
	color:#091609; 
	padding:4px;
}

.forum-caption {
	font-size:10px;font-weight:bold; 
	color:#FFFFFF;
	background-color:#BAB7AE; 
	text-align: center;
	height:24px; 
	padding:0px 4px 2px 4px;
	background-image:url(images/forum_caption.png);
	background-repeat:repeat-x;
	border-width:0px 0px 0px 0px;
	border-color:#8A8573 #8A8573 #8A8573 #8A8573;
	border-style:solid;
}

.quote {
	color:#2F2F2F;
	background-color:#E8E8E8; 
	padding:2px;
	margin:0px 20px 0px 20px; 
	border:1px #8A8573 solid;
}

.poll {
	height:12px; border:1px #444 solid;
}

.comment-name {
	font-weight:bold; 
	color:#373737;
}

.shoutboxname {
	font-weight:bold; 
	color:#FF9933;
}

.shoutbox {
	color: #06070A;
}

.shoutboxdate {
	font-size:9px; 
	color:#1C1C1C;
}

.small {
	font-size:11px; 
	font-weight:normal;
	color:#111111;
}

.small2 {
	font-size:10px; 
	font-weight:normal; 
	color:#1C1C1C;
}

.side-small {
	font-size:9px; 
	font-weight:normal; 
	color:#3A3935;
}

.side-label {
	background-color:#99C200; 
	font-weight:normal; 
	color:#32312F; 
	padding:2px;
}

/* Vertical Navigation */

#navigation h2 {
	font-size: 10px;
	font-weight: normal;
	background-color: #f1f1f1;
	margin: 0;
	padding: 4px;
}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html #navigation ul li{
   height: 1%;
}

#navigation a {
	display: block;
	color: #555;
	padding: 2px;
	text-decoration: none;
}

#navigation a:hover {
	color: #fff;
	background-color: #f6a504;
}

/* Page Navigation */

.pagenav {
	padding: 4px;
}

.pagenav span {
	color: #fff;
	background-color: #f6a504;
	border: 1px solid #ddd;
	padding: 2px 4px 2px 4px;
	margin: 2px;
}

.pagenav a {
	color: #555;
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
}

.pagenav a:hover {
	color: #fff;
	background-color: #f6a504;
	margin: 2px;
	text-decoration: none;
}
panther
Profil
#2 · Zasláno: 21. 8. 2010, 09:58:47
Odpovědět Citovat
jayare:
„věděl by prosím někdo čím to je?“
chyby jsou ve validátoru popsané.
jayare
Profil *
#3 · Zasláno: 21. 8. 2010, 09:58:49
Odpovědět Citovat
jayare:
Mám to už vyřešené, omlouvám se za téma.
jayare
Profil *
#4 · Zasláno: 21. 8. 2010, 10:00:46
Odpovědět Citovat
A toto by se dalo vyřešit jak? 
Stránka obsahuje příliš mnoho inline vložených CSS stylů, které by měly být ve zvláštním souboru.
Velikost v CSS navíc: 3.96 kB
jayare
Profil *
#5 · Zasláno: 21. 8. 2010, 10:01:04
Odpovědět Citovat
Stránka obsahuje příliš mnoho inline vložených CSS stylů, které by měly být ve zvláštním souboru.
Velikost v CSS navíc: 3.96 kB
panther
Profil
#6 · Zasláno: 21. 8. 2010, 10:06:11
Odpovědět Citovat
jayare:
„A toto by se dalo vyřešit jak?“
ignorovat seo-servis, nebo vyházet inline styly do externího souboru. Neumíš číst nebo je to napsané tak nepochopitelně?
jenikkozak
Profil
#7 · Zasláno: 21. 8. 2010, 11:10:24
Odpovědět Citovat
Navrhuji obojí. Ignorovat ten nástroj, respektive brát jej s větší rezervou, a zároveň inline styly dát do toho externího souboru. Stránky jsou dělány pomocí tabulek, což sice není nejlepší řešení, ale i s jejich pomocí se dají stránky dělat „slušněji“. Přece jen každá tabulka nemusí mít inline styly, když se na různých stránkách opakují.
K tabulkovému designu mám výhrady, ale respektuji jej. Ale 22 tabulek na jedné stránce, není to trošku moc?
Bubák
Profil
#8 · Zasláno: 21. 8. 2010, 11:42:23
Odpovědět Citovat
jenikkozak:
„Ale 22 tabulek na jedné stránce, není to trošku moc?“
Přidej do stylu stránky tohle a budeš čubtnět, bo to je taky trošku moc zanořené: 
table table table {border: 2px solid red;}
jenikkozak
Profil
#9 · Zasláno: 21. 8. 2010, 13:16:41
Odpovědět Citovat
Bubák:
Nechci působit dojmem, že jsem vztahovačný, ale pokud reaguješ na mne, tak nevím, proč bych to měl zkoušet. Na jayarův zdrojový kód jsem se díval. A on pravděpodobně taky ví, že používá tabulky v tabulkách v tabulce. ;-)
Časová prodleva: 15 let

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0