Foros del Web » Creando para Internet » CSS »

Validar web con el CSS Validator

Estas en el tema de Validar web con el CSS Validator en el foro de CSS en Foros del Web. Buenas a [email protected], He estado validando una web que estoy creando y me arroja 3 errores de código CSS. La web en cuestión es avifischeri ...
  #1 (permalink)  
Antiguo 14/07/2011, 09:36
Avatar de agapornis  
Fecha de Ingreso: julio-2011
Ubicación: Madrid
Mensajes: 125
Antigüedad: 5 años, 6 meses
Puntos: 7
Validar web con el CSS Validator

Buenas a [email protected],

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
  #2 (permalink)  
Antiguo 14/07/2011, 09:53
Avatar de vgonga1986  
Fecha de Ingreso: marzo-2008
Ubicación: País de Pandereta
Mensajes: 1.021
Antigüedad: 8 años, 10 meses
Puntos: 252
Respuesta: Validar web con el CSS Validator

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.
  #3 (permalink)  
Antiguo 14/07/2011, 09:59
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 6 años, 5 meses
Puntos: 64
Respuesta: Validar web con el CSS Validator

Deja el link del css y el html para revisarlo , asi lo vemos... Saludos! =)
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #4 (permalink)  
Antiguo 15/07/2011, 06:19
Avatar de agapornis  
Fecha de Ingreso: julio-2011
Ubicación: Madrid
Mensajes: 125
Antigüedad: 5 años, 6 meses
Puntos: 7
Respuesta: Validar web con el CSS Validator

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
  #5 (permalink)  
Antiguo 15/07/2011, 06:32
Avatar de vgonga1986  
Fecha de Ingreso: marzo-2008
Ubicación: País de Pandereta
Mensajes: 1.021
Antigüedad: 8 años, 10 meses
Puntos: 252
Respuesta: Validar web con el CSS Validator

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...
__________________
¿Alguna pregunta, duda, acotación, nota, cuestión, reparo, comentario, demanda, crítica, interpretación, objeción, interrogante, discrepancia, observación, réplica, disquisición, apostilla o exégesis?
  #6 (permalink)  
Antiguo 15/07/2011, 06:47
Avatar de agapornis  
Fecha de Ingreso: julio-2011
Ubicación: Madrid
Mensajes: 125
Antigüedad: 5 años, 6 meses
Puntos: 7
Respuesta: Validar web con el CSS Validator

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
  #7 (permalink)  
Antiguo 15/07/2011, 06:51
Avatar de vgonga1986  
Fecha de Ingreso: marzo-2008
Ubicación: País de Pandereta
Mensajes: 1.021
Antigüedad: 8 años, 10 meses
Puntos: 252
Respuesta: Validar web con el CSS Validator

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.
__________________
¿Alguna pregunta, duda, acotación, nota, cuestión, reparo, comentario, demanda, crítica, interpretación, objeción, interrogante, discrepancia, observación, réplica, disquisición, apostilla o exégesis?
  #8 (permalink)  
Antiguo 15/07/2011, 08:53
Avatar de agapornis  
Fecha de Ingreso: julio-2011
Ubicación: Madrid
Mensajes: 125
Antigüedad: 5 años, 6 meses
Puntos: 7
Respuesta: Validar web con el CSS Validator

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
  #9 (permalink)  
Antiguo 17/07/2011, 08:02
Avatar de agapornis  
Fecha de Ingreso: julio-2011
Ubicación: Madrid
Mensajes: 125
Antigüedad: 5 años, 6 meses
Puntos: 7
Respuesta: Validar web con el CSS Validator

Nadie me puede echar una mano en esto?

Etiquetas: validador
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 08:09.