Foros del Web » Creando para Internet » CSS »

Doctype

Estas en el tema de Doctype en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/09/2007, 00:21
Avatar de Lutaj  
Fecha de Ingreso: septiembre-2007
Ubicación: Sevilla
Mensajes: 96
Antigüedad: 10 años, 3 meses
Puntos: 3
Doctype

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.
  #2 (permalink)  
Antiguo 06/09/2007, 01:17
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Re: Doctype

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
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 08/09/2007, 13:19
Avatar de Lutaj  
Fecha de Ingreso: septiembre-2007
Ubicación: Sevilla
Mensajes: 96
Antigüedad: 10 años, 3 meses
Puntos: 3
Doctype

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
  #4 (permalink)  
Antiguo 08/09/2007, 20:26
Avatar de Snd234  
Fecha de Ingreso: mayo-2007
Ubicación: Frente al PC
Mensajes: 413
Antigüedad: 10 años, 6 meses
Puntos: 2
Re: Doctype

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"
__________________
KIBIT.cl

Última edición por Snd234; 08/09/2007 a las 20:31
  #5 (permalink)  
Antiguo 08/09/2007, 22:19
 
Fecha de Ingreso: marzo-2004
Mensajes: 338
Antigüedad: 13 años, 9 meses
Puntos: 2
Re: Doctype

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
__________________
SiMpLiFiKa
http://www.manitasdelweb.com
  #6 (permalink)  
Antiguo 09/09/2007, 23:32
Avatar de Lutaj  
Fecha de Ingreso: septiembre-2007
Ubicación: Sevilla
Mensajes: 96
Antigüedad: 10 años, 3 meses
Puntos: 3
Re: Doctype

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
  #7 (permalink)  
Antiguo 10/09/2007, 09:03
Avatar de Lutaj  
Fecha de Ingreso: septiembre-2007
Ubicación: Sevilla
Mensajes: 96
Antigüedad: 10 años, 3 meses
Puntos: 3
Fallos al incio de CSS

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.

Última edición por JavierB; 10/09/2007 a las 11:45 Razón: Borrar enlaces
  #8 (permalink)  
Antiguo 10/09/2007, 11:45
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: Doctype

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

Saludos,
  #9 (permalink)  
Antiguo 10/09/2007, 23:11
Avatar de Lutaj  
Fecha de Ingreso: septiembre-2007
Ubicación: Sevilla
Mensajes: 96
Antigüedad: 10 años, 3 meses
Puntos: 3
Re: Doctype

Cita:
Iniciado por JavierB Ver Mensaje
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?
  #10 (permalink)  
Antiguo 19/10/2007, 10:32
Avatar de oabareload  
Fecha de Ingreso: junio-2006
Ubicación: Distrito Federal, México
Mensajes: 57
Antigüedad: 11 años, 5 meses
Puntos: 0
Re: Doctype

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.
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




La zona horaria es GMT -6. Ahora son las 16:57.