Entrar

tengo DOS problemas !

tefii91 · · Solicitar retirada
Los voy a enumerar para no crear confusiones !

1) El espacio que tendria que ocupar la "zona principal de la pagina" la ocupa el "pie de pagina".

2) Los enlaces no aparecen ni subrayados ni con el fondo por mas que ya halla cambiado el archivo de "estilo-general.css".

Si me pudieran ayudar, ya releí la guía tres veces e hice muchos cambios, pero no puedo revertir la situación ! Muchas gracias :)
pupilo · · Solicitar retirada
hola, pues si pones los codigos de los estilos quiza podria ayudarte pra ver en que te equivocaste :roll:
tefii91 · · Solicitar retirada
La plantilla me quedo asi:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<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 Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    <h1>Esta será la zona principal de la web</h1>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
    <h2>Y este es el tercer párrafo.</h2>

    En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    Y el archivo "estilo-general.css" me quedo asi

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    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: margin:3px 10px 3px 3px}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #pie {background-color: brown }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

    Espero puedan ayudaarme! Muchas gracias :)