Líos del h1

Otra preguntita no tan nimia:

He puesto en estilo general:

h1 {font-size: 0.5em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

1. Me sale el h1 en la plantilla demasiado grande y no logro reducirlo al pasar de 1.2em a 0.5em

2. ¿Qué diablos es ese "em"?
hola
yo tampoco me aclaro con em

mejor usa pixeles jejeje

font-size: 14px

vas aumentando o reduciendo segun necesites

saludos
Bueno, pues ni por ésas:

En Plantilla he puesto:

<h1>Estamos aquí para resolver los problemas en una doble vertiente</h1>

En estilo general, he ido reduciendo hasta 8px:


h1 {font-size: 8px; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

Y, ponga 8px o 16px, me sigue saliendo el h1 en un tipo de letra que debe ser algo así como 24px. El tamaño de la letra ni se inmuta.
Plantilla:

!-- Copiado del correo -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>

<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>

<title>Page title</title>

<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>



<div id="contenido">

<div id="menu">



<ul>
  • Enlace 1

  • Enlace 2

  • Enlace 3


  • </div>


    <ul>





    Ésta sera la zona principal de la web</p>

    <h1>Estamos aquí para resolver los problemas en una doble vertiente</h1>



    Bla, bla bla</p>



    Bla, bla, bla</p>

    </div>

    <div id="pie">Este es el pie de pagina</div>
    </div>


    </body>
    </html>

    Estilo general


    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}


    h1 {font-size: 8px; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}




    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left}



    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}

    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin:3px 10px 3px 3px}

    #pie {background-color: brown }

    #menu li { list-style:none }

    #menu li {list-style:none ; margin: 4px 0px 4px 6px}



    a {color: brown ; text-decoration:none ; display: block }
    a:link { }
    a:visited { }
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active { }
    a {color: brown ; text-decoration:none ; display: block }

    p {text-align: justify}


    menu {margin:3px 10px 3px 3px}
  • aqui

  • Enlace 2

  • Enlace 3


  • </div>


    <ul>

    te sobra el ultimo cierre de ul

    saludos
  • Bueno, pues el misterio continúa, porque he eliminado el último cierre de ul <ul> y la fuentes siguen sin cambiar de tamaño, ponga 24px, 36 px 12px o 6px. Siguen siendo de un tamaño como 36.

    Por hacer pruebas tontas, he intentado todas las combinaciones: eliminar el verdadero cierre , dejar uno u otro o eliminar los dos, pero las fuentes enormes siguen, inasequibles al desaliento
    Esto es ciencia. Nada de misterio.

    El problema está en el ordenamiento de los códigos de la hoja de estilos.

    Baja la línea

    h1 {font-size: 8px; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

    y te responderá el código.

    Saludos.
    Pues he ido poniendo esta línea en todas las partes posibles, bajándola sucesivamente detrás de todas y cada una de las demás, para acabar castigándola abajo del todo y las fuentes siguen sin decir este tamaño es mío.

    Si te fijas, en la página modelo del curso, que hice hasta el final y que en mi versión tiene la dirección lourdesyjaime.onlinewebshop,net, el título también es grande y subrayado y mirando yo en mi ordenador la hoja estilo general, esta línea está arriba (si se la pone abajo se queda impávida). Es curioso que consigo quitarle el subrayado en esa misma línea:h1 {font-size: 6px; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center} en la que ves que en vez de underline he puesto text-decoration: none, pero la fuente se ha convertido en la "Fontana di Trevi", de piedra, a prueba de manipulaciones.
    Sí, es cierto, en el Curso la mencionada línea de código viene arriba.

    He copiado y pegado los códigos de tu plantilla y de tu hoja de estilos en sendos archivos míos. He hecho Preview en HTML-Kit, y he visto las letras del título h1 de 8px. He visualizado la plantilla mediante Internet Explorer, y he visto las letras del título h1 de 8px. He visualizado la plantilla mediante Firefox, y he visto las letras del título h1 tan grandes como dices.

    He situado la línea de código h1 {font-size: 8px; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center} bajo la línea #contenido {background-color: orange ; width: 800px ; float:left}, y he visto las letras del título h1 de 8px en los dos navegadores y también, haciendo Preview en HTML-Kit.

    Saludos.
    hola

  • Enlace 2

  • Enlace 3


  • no tienes cerrados los li

    bueno, con eso ya tendrás arrelgado el h1

    pero aun te falta algo

    tienes esto que te sobra
    menu {margin:3px 10px 3px 3px}


    estas lineas

    #menu li { list-style:none }

    #menu li {list-style:none ; margin: 4px 0px 4px 6px}

    debe estar asi

    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin:3px 10px 3px 3px}

    #menu li { list-style:none }

    #menu li {list-style:none ; margin: 4px 0px 4px 6px}

    #pie {background-color: brown }

    saludos
  • Bueno, pues sigue el misterio, porque colocando la línea h1 donde tú dices, siguen el título así de grande y de ahí no hay quien lo saque.

    Lo tremendo es que, también lo ponga donde lo ponga, si cambio el color a red o la decoration a underline, inmediatamente lo coge. Lo único en lo que no se deja manejar es en font-size.

    ¿Será que los ordenadores están organizándose para tomar el poder y destronarnos a los humanos, que tan mal lo hacemos?

    No descartemos ninguna hipótesis.
    Bueno, gracias a la corrección de Yaneth, asunto arreglado.

    Sí, con buen sentido del humor todo va mucho mejor.

    Nos acabarán de destronar los dirigidos bio-robots a todos los que aún no estamos del todo destronados.

    Saludos.
    No. No estaba el asunto del todo resuelto.

    Debes suprimir en tu hoja de estilos las líneas de comentarios propias de las hojas de códigos html

    Saludos de nuevo.
    ¡Que nos hemos creído, nosotros miserables humanos, que vamos a poder doblegar a un ordenador cuando éste se pone cabezota!

    Efectivamente, he cerrado los li en la plantilla y he suprimido los comentarios en estilo general.

    Pero las fuentes siguen en su tamaño de piñón fijo cuando abro la plantilla.

    Hurgando en mi escaso cerebro, como todos los parámetros se dejan cambiar menos las fuentes, se me ha ocurrido que en algún sitio hay una línea que diga a las fuentes que sean de ese tamaño, pero no veo dónde.

    Vuelvo a mandar los códigos:

    Plantilla:



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>

    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>

    <title>Page title</title>

    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegacion</div>



    <div id="contenido">

    <div id="menu">



    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>



    Ésta sera la zona principal de la web</p>

    <h1>Estamos aquí para resolver los problemas</h1>



    Bla, bla, bla</p>



    Bla, bla , bla</p>

    </div>

    <div id="pie">Este es el pie de pagina</div>
    </div>


    </body>
    </html>

    Estilo General


    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}

    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left}
    h1 {font-size: 4px; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}

    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin:3px 10px 3px 3px}

    #pie {background-color: brown }

    #menu li { list-style:none }

    #menu li {list-style:none ; margin: 4px 0px 4px 6px}

    a {color: brown ; text-decoration:none ; display: block }
    a:link { }
    a:visited { }
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active { }
    a {color: brown ; text-decoration:none ; display: block }

    p {text-align: justify}

    menu {margin:3px 10px 3px 3px}
  • vamos a ver.....

    compañero... te diré algo (no te molesta que te tutee verdad)

    la pc es una maquina, inteligente, pero maquina al fin
    ella debe hacer TODO lo que le digamos... tal cual,
    y no es opcion... o lo hace... o la dejamos sin recreo jejej

    la pc, es bien obediente... hará unicamente lo que le digamos, ni mas, ni menos, asi que debemos tener mucho cuidado con eso

    ahora......

    yo copié los codigos que has dejado en el ultimo mensaje
    y los he subido a mi servidor de pruebas

    miralos aqui

    http://unpocodemucho.atwebpages.com/ayuda2.html

    puedes ver el codigo fuente para que compruebes lo que digo
    aqui te dejo el enlace del css

    http://unpocodemucho.atwebpages.com/ayuda2.css

    y yo si que veo el cambio de tamaño del h1

    :wink:
    Yo tambien veo el rótulo "Estamos aquí para resolver los problemas", minúsculo (4px), en Firefox y en Internet Explorex.

    ¡Ojo!, has duplicado una línea de código en tu hoja de estilos.