Doctype

Lutaj · #1 (**permalink**) 05/09/2007, 23:21

Estoy comenzando a pasar mi web del html puro y duro a CSS, pero al colocar el Doctype en la cabecera me cambia el tamaño de las fuentes, sin tener mucho en cuen ta lo que le he indicado en el archivo "estilo" (ver abajo). Sin embargo, al quitar el doctype y colocar <html> funciona bien.
He usado estos dos doctypes:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/DTD/loose.dtd">
Con ambos me ocurre igual.
La web es www.corredorespopulares.es
los archivos problemáticos son estos:
www.corredorespopulares.es/abccorredor.html
www.corredorespopulares.es/26consejos.html
El resto de la web no la he subido aún con CSS hasta conseguir una solución a este primer problema.
Transcribo la hoja de estilo (que tengo en una carpeta a parte, denominada CSS):
p { color: black; font-family: verdana; font-size: 12; font-weight:bold;
}
h1 { color: black; font-family: verdana; font-size: 32; font-weight:bold; text-align:center;

Ah, también he probado con tamaños relativos (em) con idéntico resultado.
Os agradezco la ayuda a este novato en CSS.

PatomaS · #2 (**permalink**) 06/09/2007, 00:17

Hola

A los tamaños de fuente siempre le has de agregar la unidad.

Luego hay ligeras diferencias entre diversos exploradores, diversos sistemas y el hecho de que uses o no una fuente que el usuario tenga, pero eso viene después.

El doctype es imprescindible para hacer una página decente, así que es cuestión de que agregues una definición de fuente y luego veas si la quieres más grande, mas pequeña, etc.

Un par de números que te pueden servir de guía, o de valores medianamente comunes, son:

Código:

font-size: 10pt;
font-size: 1em;
font-size: 12px;

Otro detalle, es que esos tamaños puedes asignarlos a elementos más generales que la p, por ejemplo html, body o *, luego los modificas en los subelementos que necesites, por ejemplo haciendo que los h1 sean más grandes que la base y que las listas sean más pequeñas; cosas así.

Felicidad

Lutaj · #3 (**permalink**) 08/09/2007, 12:19

Mi web es
www.corredorespopulares.es
Está escrita en HTML puro y duro y estoy comenzando a pasarla con CSS. El primer problema que se me plantea es qué Doctype usar. De momento sólo estoy aplicando estilo al texto y a las tablas, pero me da problemas, no lo aplica igual a todas las páginas y supongo que será debido al Doctype que esoy usando.
Una ayudita, por favor. Gracias.

Lutaj

Snd234 · #4 (**permalink**) 08/09/2007, 19:26

Una de las caracteristicas del XHTML es que debe contener la etiquetas lo mas "puras" posible y bien escritas, solo para estructurar la pagina, y las hojas de estilo para el estilo obviamente. Pero siempre hay algunas veces que es necesario agregarle algo a alguna etiqueta en especial, por lo que el doctype mas usado es:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ahora si vas a usar 100% separado el CSS y HTML, tendrias que usar:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

chem · #5 (**permalink**) 08/09/2007, 21:19

Buenas! ¿Tienes toda la página maquetada en tablas? Si es así antes de nada deberías empezar a utilizar los div. A continuación te dejo una URL con un cursillo de XHTML : http://manual-xhtml.blogspot.com/

Una vez controles eso acostumbrate a usar este DOCTYPE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Es la segunda opción que te da Snd234, la primera nunca debería haber existido.

Un saludo

Lutaj · #6 (**permalink**) 09/09/2007, 22:32

Gracias a ambos por la pronta respuesta. De momento he empezado a usar la opción "no estricta" de doctype y obtengo unos resultados "extraños":
1. Antes tenía coloreados de distinto color los scrollbar y esto ahora se pierde, aunque he colocado los mismos valores en la carpeta donde tengo los estilos de texto. Esto no me importa mucho, al fin y al cabo con firefox no se veían.
2. Pierdo también una opción que tenía sobre la apertura de páginas, lo hacía con distintas cortinillas usando este meta:
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1, Transition=23)">
Ahora no funciona. Esto tampoco es que me cause mucho trastorno, puedo pasar de ello.
3. En resolución de portátil de 1280x800 me crea una nueva barra de scroll abajo y hay que irle dando para ver el texto completo de derecha a izquierda. En las páginas en las que no tengo colocado el doctype y aún no uso los estilos no sucede esto, ¿por qué ahora sí? Essto sí que me jode un rato.
4. Por último, ¿hay alguna forma "sencilla" de ver las páginas centradas y correctamente en todas las resoluciones. Por lo que he visto hasta anora esto no parece ser tan fácil.
Gracias de nuevo por vuestra colaboración a este novato en CSS.

Os recuerdo la web y las páginas que están montadas con CSS:
www.corredorespopulares.es
www.corredorespopulares.es/abccorredor.html
www.corredorespopulares.es/autoentrenarse0.html
www.corredorespopulares.es/autoentrenarse1/html
www.corredorespopulares.es/26consejos.html
www.corredorespopulares.es/adelgazar.html

Los estilos los tengo en una carpeta denominada CSS, y contiene dos archivos: estilos y tablas, éstaas son las direcciones:

http://www.corredorespopulares.es/css/tablas.css
http://www.corredorespopulares.es/css/estilos.css

Lutaj · #7 (**permalink**) 10/09/2007, 08:03

Estoy pasandomi wqeb de HTML a CSS, de momento he empezado a usar la opción "no estricta" de doctype y obtengo unos resultados "extraños":
1. Antes tenía coloreados de distinto color los scrollbar y esto ahora se pierde, aunque he colocado los mismos valores en la carpeta donde tengo los estilos de texto. Esto no me importa mucho, al fin y al cabo con firefox no se veían.
2. Pierdo también una opción que tenía sobre la apertura de páginas, lo hacía con distintas cortinillas usando este meta:
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1, Transition=23)">
Ahora no funciona. Esto tampoco es que me cause mucho trastorno, puedo pasar de ello.
3. En resolución de portátil de 1280x800 me crea una nueva barra de scroll abajo y hay que irle dando para ver el texto completo de derecha a izquierda. En las páginas en las que no tengo colocado el doctype y aún no uso los estilos no sucede esto, ¿por qué ahora sí? Essto sí que me jode un rato.
4. Por último, ¿hay alguna forma "sencilla" de ver las páginas centradas y correctamente en todas las resoluciones. Por lo que he visto hasta anora esto no parece ser tan fácil.
Gracias por vuestra colaboración a este novato en CSS.

JavierB · #8 (**permalink**) 10/09/2007, 10:45

Lutaj, no es necesario que pongas los enlaces a tu página en cada mensaje.

Saludos,

Lutaj · #9 (**permalink**) 10/09/2007, 22:11

Cita:

Iniciado por JavierB

Lutaj, no es necesario que pongas los enlaces a tu página en cada mensaje.

Saludos,

De acuerdo, JavierB, y a parte de eso ¿alguna ayuda?

oabareload · #10 (**permalink**) 19/10/2007, 09:32

Yo mejor recomiendo que no Usen Ningún Doctype.... se van a ahorrar muchísimos problemas ya que no todos tienen lo que necesitamos... aunque se puede dar el caso de que uno si tenga lo que necesiten ustedes, pero no son globales.