etiqueta <span> y validación

c_cavernicola · #1 (**permalink**) 20/04/2007, 08:09

Dos preguntas rápidas de un ignorante:

1º Cuando creo una clase y la aplico con la etiqueta <span> en firefox no la veo y en el ie si, tengo que decir que al principio en firefox tambien la veia, pero ahora no!!! ¿por qué puede ser???

2º Validación: me aparece este mensaje:

Character Encoding mismatch!

The character encoding specified in the HTTP header (iso-8859-1) is different from the value in the <meta> element (utf-8). I will use the value from the HTTP header (iso-8859-1) for this validation.

Cuando yo he utilizado (utf-8) ¿joooo por qué????????

gracias

PatomaS · #2 (**permalink**) 20/04/2007, 08:14

Hola

Si nos das la dirección de la página podemos ver bien lo que nos planteas y así responderte mejor.

Felicidad

c_cavernicola · #3 (**permalink**) 20/04/2007, 10:55

la dire: http://www.sweet76.org/adopweb/documentos.html

todavía está en obras....

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Página de Adopción</title>
<link rel="stylesheet" href="css/estilos.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header"><h1></h1></div>
<div id="wrapper">
<div id="underlinemenu">
<ul>
<li><a href="http://www.sweet76.org/adopweb" title="inicio">Inicio</a></li>
<li id="current"><a href="#" title="documentos">Documentos</a></li>
<li><a href="#" title="contacto">Contacto</a></li>
<li ><a href="#" title="enlaces">Enlaces</a></li>

</ul>
</div>
<div id="content">
<h2>DOCUMENTACIÓN, LEGALIZACIÓN Y APOSTILLA</h2>
<blockquote>
<ul>
<li>Documentos que no necesitan legalizar ni apostillar y que no tienen caducidad. </li>
<li>Documentos que necesitan legalización y apostilla. </li>
<li>Documentos que necesitan legalización y apostilla pero que tiene caducidad.</li>
</ul></blockquote>
<h3>Documentos que no necesitan legalizar ni apostillar y que no tienen caducidad</h3>

<p><strong>Carta de presentación o motivación: </strong>Donde nos presentamos, motivamos nuestra decisión de adoptar
porque hemos elegido "Colombia".</p>

<p>Álbum de fotos:
Un álbum de fotos de nosotros, la familia, amigos etc. De toda la gente que se va a encontrar nuestro hijo al llegar a casa.</p>

<p><span class="titulo">Rellenar la solicitud del Instituto Colombiano de Bienestar Familiar: </span>El formulario se puede bajar de la página web del ICBF :
</p>

<p><span class="titulo">Fotos tamaño carnet y fotocopias de los pasaportes. </span></p>

<p><span class="titulo">Carta de poder de representación:</span></p>
<blockquote>
<p><span class="carta">
"Por la presente ***, con domicilio **** <br/>

OTORGAMOS PODER ESPECIAL, AMPLIO Y SUFICIENTE para que nos represente en la solicitud de adopción ante el
Instituto Colombiano de Bienestar Social y en su momento ante el Juzgado de familia pertinente a :
******* Identificada con la cedula de ciudadanía nº *** Bogota y con la tarjeta profesional de abogado nº ***
del Consejo superior de Judicatura.<br/>

Firmado: **** " </span></p></blockquote>

</div>
</div>

<div id="footer"><p>Aqui va el pie de la página</p></div>
</div>
</body>
</html>

y la clase no es nada del otro jueves
.titulo{
color:#5500E6;
font-weight:bold;

}
en el ie puedo la puedo visualizazr pero en firefox no.....

gracias....

PatomaS · #4 (**permalink**) 20/04/2007, 20:55

Hola

Lo del juego de caracteres parece que ya lo solucionaste.

Sobre el elemento con la clase titulo, yo lo veo en ambos, firefox y explorer, incluso en opera.

La verdad es que ahora mismo, los dos problemas que tenías parecen resueltos, así que no puedo decirte mucho.

El único error que vi, es un h1 vacío:

Código:

<div id="header"><h1></h1></div>

Cosa que solucionas facilmente con esto

Código:

<div id="header"><h1>&nbsp;</h1></div>

Felicidad

Daniel Ulczyk · #5 (**permalink**) 20/04/2007, 21:22

Antes que nada, ahora, veo que los headers de tu página tienen una fecha de modificación, posterior a tu post:

Last-Modified: Fri, 20 Apr 2007 19:13:29 GMT

No sé cuanto debe haber cambiado porque no he comparado el archivo contra tu post.

En la versión que consulto en la Web dice: <SPAN class=titulo> cuando debiera decir <SPAN class="titulo">
Y en el archivo css/estilos.css no veo

Cita:

.titulo{
color:#5500E6;
font-weight:bold;

}

Al haberlo incluído, la visualización se percibe en FF y en IE
Tu archivo CSS, contiene TAGs de HTML. Al inicio: <style type="text/css"> y al final: </style>