Entrar

Problema con display:block??

danilots · · Solicitar retirada
En la lección segunda cuando hay que tratar elementos como bloques y añadir este código, a {color: brown ; text-decoration:none ; display: block }, no me hace lo que tiene que hacer. Sigo necesitando pulsar en el texto para que el enlace se sombree y cambie de color.

Seguro que es una pijada, pero no la encuentro

Código Hoja de estilos:

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
a {color: blue ; 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 {}

Plantilla Html:

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

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilosgeneral.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">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>

    Gracias por la WEB y por la ayuda
    • Novato · · Solicitar retirada
    Hola, lo que veo es que en la plantilla se te olvido cerrar el"ul", tu tienes:

    <div id="menu">Menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>

    Como ves en verde abriste el >ul>, pero no cerraste....seria asi:

    <div id="menu">Menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>

    Te marque en rojo para que lo veas, si no se soluciona dilo.
    Un saludo.
    • danilots · · Solicitar retirada
    Hola, ya había revisado eso comparando con tu codigo y lo corregí, pero no va bien.

    De todas formas, una vez ya estoy en la lección tercera y con la web subida en razy, me doy cuenta que el problema es sólo con Internet explorer, ya que abriendo con Mozilla esto funciona bien.

    Ahora ya... toy perdido para solucionar esto, pero bueno, seguiré adelante.
    El mismo problema tengo en la lección tercera viendo los marcos redondeados, con el Explorer va perfecto y con Mozilla da problemas de colocación de capas y alguna imagen.

    Por último, decirte que sólo uso el Explorer y Mozilla, por lo que no se en otros como irá.

    MUCHAS GRACIAS
    Novato · · Solicitar retirada
    Hola de nuevo, ¿comprobaste que la hoja de estilos se llame estilosgeneral y que es extension .css ? , en el curso se dice que la hoja se llama estilo-general y comprueba que es .css, ya que es comun poner extension ccs al guardarla.
    Un saludo.
    Kamael · · Solicitar retirada
    No entiendo a q te refieres con q en IE se ve diferente?¿ yo lo abri con IE, Chomere, firefox y se ve igual

    Lo que quieres q suceda es q los enlaces tengan fondo???????? si es eso pues tienes q poner "backgound-color" en la parte roja puedes cambiar y pone una imagen es decir "bacground-image"
    danilots · · Solicitar retirada
    El problema es que cuando pincho en el enlace, tengo que pinchar en el texto y no en la línea, esto funciona con MOzilla, pero no con IE. De todas formas ya he acabao el curso y ha sido el único detalle raro que he tenido, por lo demás perfecto. ENHORABUENA!!

    Gracias