Entrar

Enlaces con fondo

isalavedra · · Solicitar retirada
Hola a todos!

Mi ordenador no responde a la orden:

display: block

Y no sé cual puede ser el motivo...

PLANTILLA:

<!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>
    Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    ESTILO-GENERAL.CSS


    * {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}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: brown ; font-size: 1.3em; text-decoration: none; display: block }
    a:link {}
    a:visited {}
    a:hover {color: red ;text-decoration: underline; background-color: silver }
    a:active {}
    #pie {background-color: brown}



    Imagino que es un "palo" leer esto, pero el resto de órdenes funcionan perfecto, solo falla la mencionada...

    Grácias por la atención!!!
    • Un abrazo muy fuerte!
    pitufo · · Solicitar retirada
    Hola.

    Probé tu código y si funciona. No se que es lo que quieres hacer, pero los enlaces si se muestran como bloque.



    Saludos.


    .
    carlitozz · · Solicitar retirada
    Hola ahorita estoy trabajando con los enlaces en el menu, y solo quisiera saber porque mis enlaces que estan dentro del menu me aparecen en forma horizontal y no en forma vertical como esta dicho en las lecciones. Este es la forma que tengo ahorita...
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3 </div>

    Esta será la zona principal de la web.</p>
    </div>

    Se que es un poco fastidioso leer esto pero la verdad esque no entiendo el porque que mis enlaces aparecen en forma horizontal.

    NOTA: Hubiera querido dejar una imagen para que la pudieran ver, pero la verdad esque no se como hacerle para ponerla aqui. GRACIAS.


    • gracias por sus comentarios
    isalavedra · · Solicitar retirada
    Soy novato,

    pero tu nos enseñas los códigos de la plantilla, y creo que necesitamos los códigos de la hoja de "estilos-general.css".

    No estoy muy enterado, pero creo que esta sección de mi hoja de estilos-general.css es la que "ordena" a los enlaces del "menú" situarse uno encima de otro:

    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}

    Si ves alguna diferencia puedes provar a cambiarlo a ver si mejora el tema. si no espero que algun instructor te indique mejor... Yo voy por la segunda lección todavía!!!!!