PDA

Zobacz pełną wersję : Validacja CSS



mateow
20-02-2008, 19:59
Witam,

Proszę o jakąś sugestię w czym może być problem w validacji css
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.matmar.pl%2F&warning=1&profile=css21&usermedium=all

Może ktoś się spotkał z takim problemem i udało mu się go rozwiązać.
Ja siedzę już drugi dzień i skończyły mi się pomysły.

Pozdrawiam

josh
20-02-2008, 20:28
masz zainstalowany dodatek mosthumb i ten dodatek podczepia pod index szablonu swoj plik css ktorego widac brak we wskazanym folderze

pozdr

llukasz
20-02-2008, 20:29
Wszystko jest wyjaśnione w języku polskim, czego chcieć więcej?????

1. Wrzuć na serwer plik
/mambots/content/lightThumb/lightbox.css

2. usuń wartość paading-top: auto z pliku CSS

mateow
20-02-2008, 20:50
Jeden błąd usunięty :)
niestety w pliku css nie znalazłem pozycji jak padding auto więc nie mam pojecia o którą wartość chodzi.

W pozycji 547 są następujące informacje:

.button {
text-align: center;
font-size: 11px;
font-weight: bold;
width: auto;
line-height: 20px;
margin: 1px;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 3px;
padding-left: 8px;
background-image: url(../images/sechdr1bg.png);
background-repeat: repeat-x;
color: #CCCCCC;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #990000;
border-right-color: #660000;
border-bottom-color: #710000;
border-left-color: #990000;
}

Czy może w tym są jakieś nieprawidłowości?

llukasz
20-02-2008, 20:58
Wystarczy przepuścić ten kawałek by się dowiedzieć...

http://infobot.pl/r/jTH

A błąd jest tu (przynajmniej jeden z dwóch, które się pojawiają)


<script type="text/css">
window.onload = function() {
fadesize = new fx.FadeSize('left_outer', {duration: 500});
}
</script>

mateow
20-02-2008, 21:04
Więc wygląda na to że cały plik jest ok. sprawdziłem też cały css
Więc w czym może tkwić taki problem
413 Błšd parsowania - duration=3)
547 Niepoprawny numer : padding (http://www.w3.org/TR/REC-CSS2/box.html#propdef-padding) auto nie jest wartoœciš padding-top : auto

llukasz
20-02-2008, 21:30
Tak więc poprawiłeś kod, o którym pisałem post wyżej? Jeśli tak to przynajmniej jeden błąd powinien zniknąć.

mateow
20-02-2008, 21:47
Niestety nie widzę w którym miejscu jest ten błąd.
Jestem w fazie poszukiwań :)

Bardzo dziękuje za pomoc i dalej szukam przyczyn może jeszcze ktoś coś znajdzie.

llukasz
20-02-2008, 21:51
<script type="text/css">
window.onload = function() {
fadesize = new fx.FadeSize('left_outer', {duration: 500});
}
</script>

tam powinno być text/javascript

validator traktuje to jak css

mateow
20-02-2008, 22:11
Poprawiłem ale nadal jest błąd tym razem w innym miejscu.
Chyba będę musiał prześledzić cały kod stron :(

llukasz
20-02-2008, 22:13
Zaraz zobaczę co jest nie tak (ogólnie doradzę Ci, abyś cieszył się gdy pojawiają się kolejne błędy po poprawieniu jednego, nie jest to oznaka poprawienia 'źle', a tego, że validator czasem ma pewne 'odjazdy' i z powodu jednego błędu nie widzi innych).

ps: z tym padding auto to jest coś nie tak, spróbuj walidować kod jakimiś kawałkami

mateow
20-02-2008, 23:02
Zauważyłem że kod szablonu ma kilka błędów i może to one powodują te z css'a błędy.
index.php wygląda następująco

<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="iso-8859-2"?>;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
<head>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/scripts/prototype.lite.js"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/scripts/moo.fx.js"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/scripts/moo.fx.pack.js"></script>
<script type="text/javascript">
window.onload = function() {
fadesize = new fx.FadeSize('left_outer', {duration: 500});
}
</script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site; ?>/mambots/content/lightThumb/prototype.js"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site; ?>/mambots/content/lightThumb/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site; ?>/mambots/content/lightThumb/lightbox.js"></script>
<link href="<?php echo $mosConfig_live_site; ?>/mambots/content/lightThumb/lightbox.css" rel="stylesheet" type="text/css" />
</head>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}

?>
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
</head>
<body>

<table border="0" cellpadding="0" cellspacing="0" width="908" align="center">
<tr>
<td class="outline">
<table width="902" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="buttons_outer">
<div id="buttons_inner">
<div id="buttons">
<?php mosLoadModules ( 'user3', -1); ?>
</div>
</div>
</div>
<div id="search_outer">
<div id="search_inner">
<?php mosLoadModules ( 'user4', -1 ); ?>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div id="header_outer">
<div id="header">
<div id="pathway_text">
<a href="#" onclick="opacity.toggle();"></a>
<a href="#" onclick="fadesize.toggle('width');"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/showhide.png" id="showhide" border="0"></a></img><?php mosPathWay(); ?>
</div>
</div>
<div id="top_outer">
<div id="top_inner">
<?php
if ( mosCountModules( 'top' ) ) {
mosLoadModules ( 'top', -2 );
} else {
?>
<span class="error">Top Module Empty</span>
<?php
}
?>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td id="main_area">
<table width="902" cellpadding="0" cellspacing="0">
<tr>
<td id="left_side">
<div id="left_outer">
<div id="left_inner">
<?php mosLoadModules ( 'left', -2 ); ?>
</div>
</div>
</td>
<td id="main_body">
<?php
if ( mosCountModules ('banner') ) {
?>
<div id="banner_inner">
<?php mosLoadModules( 'banner', -1 ); ?>
</div><?php } ?>

<?php if (mosCountModules('user1') || mosCountModules('user2')) { ?>
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width="50%">
<div class="user1_inner">
<?php mosLoadModules ( 'user1', -2 ); ?>
</div>
</td>
<td width="50%">
<div class="user2_inner">
<?php mosLoadModules ( 'user2', -2 ); ?>
</div>
</td>
</tr>
</table>
<?php } ?>
<div id="body_outer">
<?php mosMainBody(); ?>
<div class="clr"></div>
</div>
</td>
<?php if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) { ?>
<td id="right_side">
<div id="right_outer">
<div id="right_inner">
<?php mosLoadModules ( 'right', -2 ); ?>
</div>
</div>
</td>
<?php } ?>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div align="center" class="dd">&copy; Copyright by <a href="mailto:mateow@wp.pl">Mateusz Wójcik</a> 1994-2008<br />
Szablon dla <a href="http://www.matmar.pl">Matmar Sp. z o.o.</a>
</div>
<br />
<?php mosLoadModules( 'debug', -1 );?>
</body>
</html>

llukasz
20-02-2008, 23:07
Popraw wszystkie błędy... najpierw to co umiesz, potem jak zostaną jakieś to pisz na forum.

mateow
21-02-2008, 10:11
Witam ponownie
Więc tak udało mi się zminimalizować błędy z 8 do 5 :) już coś.
Jestem jeszcze w fazie poprawek tych 5 ale idzie mi to z oporem :confused:

Może ktoś wychwyci co jest nie tak bo jakoś podpowiedzi z validatora mnie mylą.
Oto kod index.php z 5 błedami
<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="iso-8859-2"?>
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd">
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd"> -->
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
<head>
<script type="text/javascript"> src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/scripts/prototype.lite.js"></script>
<script type="text/javascript"> src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/scripts/moo.fx.js"></script>
<script type="text/javascript"> src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/scripts/moo.fx.pack.js"></script>
<script type="text/javascript">
window.onload = function() {
fadesize = new fx.FadeSize('left_outer', {duration: 500});
}
</script>
<script type="text/javascript"> src="<?php echo $mosConfig_live_site; ?>/mambots/content/lightThumb/prototype.js"></script>
<script type="text/javascript"> src="<?php echo $mosConfig_live_site; ?>/mambots/content/lightThumb/scriptaculous.js?load=effects"></script>
<script type="text/javascript"> src="<?php echo $mosConfig_live_site; ?>/mambots/content/lightThumb/lightbox.js"></script>
<link href="><?php echo $mosConfig_live_site; ?>/mambots/content/lightThumb/lightbox.css" rel="stylesheet" type="text/css" />
</head>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}

?>
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="><?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
</head>
<body>

<table border="0" cellpadding="0" cellspacing="0" width="908" align="center">
<tr>
<td class="outline">
<table width="902" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="buttons_outer">
<div id="buttons_inner">
<div id="buttons">
<?php mosLoadModules ( 'user3', -1); ?>
</div>
</div>
</div>
<div id="search_outer">
<div id="search_inner">
<?php mosLoadModules ( 'user4', -1 ); ?>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div id="header_outer">
<div id="header">
<div id="pathway_text">
<a href="#" onclick="opacity.toggle();"></a>
<a href="#" onclick="fadesize.toggle('width');"><img src="><?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/showhide.png" id="showhide" border="0"></img></a><?php mosPathWay(); ?>
</div>
</div>
<div id="top_outer">
<div id="top_inner">
<?php
if ( mosCountModules( 'top' ) ) {
mosLoadModules ( 'top', -2 );
} else {
?>
<span class="error">Top Module Empty</span>
<?php
}
?>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td id="main_area">
<table width="902" cellpadding="0" cellspacing="0">
<tr>
<td id="left_side">
<div id="left_outer">
<div id="left_inner">
<?php mosLoadModules ( 'left', -2 ); ?>
</div>
</div>
</td>
<td id="main_body">
<?php
if ( mosCountModules ('banner') ) {
?>
<div id="banner_inner">
<?php mosLoadModules( 'banner', -1 ); ?>
</div><?php } ?>

<?php if (mosCountModules('user1') || mosCountModules('user2')) { ?>
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width="50%">
<div class="user1_inner">
<?php mosLoadModules ( 'user1', -2 ); ?>
</div>
</td>
<td width="50%">
<div class="user2_inner">
<?php mosLoadModules ( 'user2', -2 ); ?>
</div>
</td>
</tr>
</table>
<?php } ?>
<div id="body_outer">
<?php mosMainBody(); ?>
<div class="clr"></div>
</div>
</td>
<?php if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) { ?>
<td id="right_side">
<div id="right_outer">
<div id="right_inner">
<?php mosLoadModules ( 'right', -2 ); ?>
</div>
</div>
</td>
<?php } ?>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div align="center" class="dd">&copy; Copyright by <a href="mailto:mateow@wp.pl">Mateusz WÄ?Ĺ?jcik</a> 1994-2008<br />
Szablon dla <a href="http://www.matmar.pl">Matmar Sp. z o.o.</a>
</div>
<br />
<?php mosLoadModules( 'debug', -1 );?>
</body>
</html>