Validar web con el CSS Validator

agapornis · #1 (**permalink**) 14/07/2011, 08:36

Buenas a tod@s,

He estado validando una web que estoy creando y me arroja 3 errores de código CSS. La web en cuestión es avifischeri . com por si le queréis echar un ojo.
El error me da en tres líneas seguidas de código. El error es de este tipo:

Propiedad no válida : border initial no es un valor de color : 0 initial initial 0 initial initial

Me gustaría saber como arreglarlo para que la validación fuese correcta. He buscado en las líneas que me da ese error dentro del archivo CSS del template y no me aparece ningun texto de "border".

Saludos,
Alejandro García

vgonga1986 · #2 (**permalink**) 14/07/2011, 08:53

Yo siempre valido vía W3C, ya que son los que hacen los estándares, creo que serán los que mejor los validen.

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

En cuanto al error que comentas, me parece que es tema de herencias entre tags de CSS, pero así no puedo ayudarte mucho más.

Un saludo.

GAST0N · #3 (**permalink**) 14/07/2011, 08:59

Deja el link del css y el html para revisarlo , asi lo vemos... Saludos! =)

agapornis · #4 (**permalink**) 15/07/2011, 05:19

Cuando dije CSS Validator me refería a W3 CSS Validator, quizás no se me entendió bien. El validador de HTML ya lo pasé y me validó todo bien pero el de CSS me da errores. Os dejo por aquí el código HTML de la web ya que el CSS ocupa mucho y me da error al subirlo:

Código:

<?php
defined('_JEXEC') or die('Restricted access'); // no direct access
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = null;
if (isset($this))
  $document = & $this;
$baseUrl = $this->baseurl;
$templateUrl = $this->baseurl . '/templates/' . $this->template;
artxComponentWrapper($document);
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>

<jdoc:include type="head" />

<link rel="shortcut icon" href="http://www.avifischeri.com/images/favicon.ico" />
<link rel="canonical" href="http://www.avifischeri.com" />
<meta name="Copyright" content="Avifischeri - Agapornis fischeri" />
<meta name="google-site-verification" content="D0_XgZCauSLeqX2ygrwfw0J81ZBmEgNqpCt2OBvRy0Q" />
<meta name="msvalidate.01" content="01004AF59608F676C7FA5884398B8434" />
<meta name="y_key" content="4f438a27291afc07" />

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-23914765-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

 <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
 <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
 <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />
 <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
 <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
 <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
 <script type="text/javascript" src="<?php echo $templateUrl; ?>/font-resizer.js"></script>

</head>

<body>
    <div id="art-page-background-gradient"></div>
<center><div id="art-main"></div></center>
<div class="art-sheet">
<div class="logo">


</div>
<div class="header2"></div>
    <div class="art-sheet-tl"></div>
    <div class="art-sheet-tr"></div>
    <div class="art-sheet-bl"></div>
    <div class="art-sheet-br"></div>
    <div class="art-sheet-tc"></div>
    <div class="art-sheet-bc"></div>
    <div class="art-sheet-cl"></div>
    <div class="art-sheet-cr"></div>
    <div class="art-sheet-cc"></div>
    <div class="art-sheet-body">
<div class="art-header">
<jdoc:include type="modules" name="header-pos" />
    <div class="art-header-jpeg"></div>

</div>
<jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" />
<?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?>
<div class="art-content-layout">
    <div class="art-content-layout-row">
<?php if (artxCountModules($document, 'left')) : ?>
<div class="art-layout-cell art-sidebar1"><?php echo artxModules($document, 'left', 'art-block'); ?>
</div>
<?php endif; ?>
<div class="art-layout-cell art-<?php echo artxGetContentCellStyle($document); ?>">
<?php
  echo artxModules($document, 'banner2', 'art-nostyle');
  if (artxCountModules($document, 'breadcrumb'))
    echo artxPost(null, artxModules($document, 'breadcrumb'));
  echo artxPositions($document, array('user1', 'user2'), 'art-article');
  echo artxModules($document, 'banner3', 'art-nostyle');
?>
<?php if (artxHasMessages()) : ?><div class="art-post">
    <div class="art-post-body">
<div class="art-post-inner">
<div class="art-postcontent">
    <!-- article-content -->

<jdoc:include type="message" />

    <!-- /article-content -->
</div>
<div class="cleared"></div>

</div>

		<div class="cleared"></div>
    </div>
</div>
<?php endif; ?>
<jdoc:include type="component" />
<?php echo artxModules($document, 'banner4', 'art-nostyle'); ?>
<?php echo artxPositions($document, array('user4', 'user5'), 'art-article'); ?>
<?php echo artxModules($document, 'banner5', 'art-nostyle'); ?>
</div>
<?php if (artxCountModules($document, 'right')) : ?>
<div class="art-layout-cell art-sidebar2"><?php echo artxModules($document, 'right', 'art-block'); ?>
</div>
<?php endif; ?>

    </div>
</div>
<div class="cleared"></div>

<?php echo artxPositions($document, array('bottom1', 'bottom2', 'bottom3'), 'art-block'); ?>
<jdoc:include type="modules" name="banner6" style="artstyle" artstyle="art-nostyle" />
<div class="art-footer">
    <div class="art-footer-t"></div>
    <div class="art-footer-b"></div>
    <div class="art-footer-body">
         <?php echo artxModules($document, 'syndicate'); ?>
        <div class="art-footer-text">
          <?php if (artxCountModules($document, 'copyright') == 0): ?>
          <?php else: ?>
          <?php echo artxModules($document, 'copyright', 'art-nostyle'); ?>
          <?php endif; ?>
        </div>
		<div class="cleared"></div>
    </div>
</div>
		<div class="cleared"></div>
    </div>
</div>
<div class="cleared"></div>

</body> 
</html>

Saludos,
Alejandro García

vgonga1986 · #5 (**permalink**) 15/07/2011, 05:32

Buenas, primero perdona por lo de los validadores, no lei bien tu post.

Veo que al pasar el validador los errores te dan en tres líneas consecutivas (338, 339 y 340), podrías poner aunque sea el código que hay cercano a las mismas, por lo menos las etiquetas en las que están metidas y la anterior y posterior, ya que no puedes poner el fichero entero.

Un saludo.

PD: está chula la página (simple y completa), no sabía que se pudiera escribir tanto sobre Agapornis, jejeje...

agapornis · #6 (**permalink**) 15/07/2011, 05:47

Gracias por tu rápida respuesta! Te pongo por aquí el código CSS cercano a las líneas en las que da error:

Código:

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
  text-align: left;
  text-decoration: none;
  outline: none;
  letter-spacing: normal;
  word-spacing: normal;
}

.art-menu, .art-menu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.art-menu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}

.art-menu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.art-menu li li
{
  float: none;
}

.art-menu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
}

Me alegra que te guste la web! La verdad es que está todavía un poco sin terminar ya que primero quiero tener todas las cosas externas amarradas y luego me pondré a publicar contenido. Te sorprenderías de la cantidad de información que hay sobre estos pequeños loritos. Libros y libros jeje.

Saludos

vgonga1986 · #7 (**permalink**) 15/07/2011, 05:51

Buenas de nuevo.

A ver, he cogido el código que has puesto, lo he pasado por el validador de entrada directa (http://jigsaw.w3.org/css-validator/#validate_by_input) y me ha validado. Comprueba, para evitarnos comeduras de cabeza que no ha sido al hacer copy-paste de internet (que a veces mete caracteres extraños que no se ven). Pasa el trozo que te da el error al bloc de notas y luego de vuelta al fichero que tengas o copialo de aquí.

Si la entrada directa valida, debería validar también el fichero, me parece extraño. A ver si lo solucionamos.

agapornis · #8 (**permalink**) 15/07/2011, 07:53

Te cuento, he pasado los 4 archivos que tengo de CSS en mi web de Joomla por el Validador de textos. Los archivos en cuestión son editor.css, template.css, template.ie6.css y template.ie7.css
Los tres primeros me los ha validado a la perfección pero el problema llega con el cuarto, el template de Internet Explorer 7. Me da un montón de errores en ese template.

No sé si merecería la pena solucionarlos uno a uno o quitar directamente esa parte del CSS aunque en IE7 se vea con algunos fallos.

Cada vez más y más gente utiliza Mozilla y Chrome así que no me importaría mucho.

He analizado el código y en las líneas que marca el error, la 338, 339 y 340 no hay ningun border ni nada por el estilo.

Saludos

agapornis · #9 (**permalink**) 17/07/2011, 07:02

Nadie me puede echar una mano en esto?