Entrar

PROBLEMA CON EL DISPLAY BLOCK

franky2253 · · Solicitar retirada
Hola que tal estoy tomando las clases de esta pagina para poder hacer la mia y tengo un problemilla con el display block ya que lo coloco en la pagina de css y no me hace los enlaces en bloke y me estoy poniendo de los nervios ya que lo he provado todo y no me sale aqui dejo como lo tengo a ver si alguien me puede echar una ayudita

body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#menu {background-color: yellow; width: 150px}
#pie {background-color: brown }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu li { list-style:none }
#menu li {list-style:none ; margin:4px 0px 4px 6px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left}
* {margin:0px ; padding:0px ; border: 0px}
a { color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

es lo que esta en negrita lo tengo puesto como mismo dice en la web pero no me los coje en bloke solamente me lo coje cuando paso por encima de las letras y no al lado a ver si alguiem me da una idea.

muchas gracias y felicidades por la pagina que es fenomenal
JorGens · · Solicitar retirada
Ahora mismo no veo el problema, pero si que al menos deberías poner esta linea:
* {margin:0px ; padding:0px ; border: 0px}
la primera de todas. Si no, pondrá a cero todos los margin y padding que haya antes, como el de #global

Un abrazo!
JorGens · · Solicitar retirada
Peganos también el codigo html de la página, quizás esté ahí el problema, no se. Ahora mismo los estilos los veo correctos... pero igual se me escapa algo.

Oki?
Foley · · Solicitar retirada
Hola franky

Podrías poner la dirección de tu web y así la vemos y quizás te podamos dar una respuesta más acertada.
franky2253 · · Solicitar retirada
este es el codigo html a ver si veis algun error pues yo no lo veo he mirado la pagina de prueba que hay y su codigo html y es el mismo pero no se me queda los enlaces en bloque





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

<html>
<head>
<title>PENSANDO TITULO</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 1
  • Enlace 1
    </div>
    Esta será la zona principal de la web
    </div>

    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>
    • franky2253 · · Solicitar retirada
    que va aun no la he subido de momento estoy haciendo las pruebas en el curso pero utilizo el programa y cuando le pongo preview que va no me sale en bloque y eso que antes de abrirlo guardo el css y lo cierro
    Foley · · Solicitar retirada
    En el código HTML pones:

    <div id="MENU">

    En cambio en el css el div lo declaras poniendo "menu" (sin comillas), es decir en minúsculas.

    Prueba a poner en el html lo siguiente:

    <div id="menu">

    Quizás el problema sean las mayúsculas y minúsculas.

    P.D: Es lo que me ha llamado la atención, así vamos descartando cosas, la verdad que estoy algo oxidado en css, hace tiempo que maquete el último diseño :oops:

    Saludos :)
    franky2253 · · Solicitar retirada
    lo he modificado pero me sigue saliendo lo mismo no coge el link fuera del menu como en el ejemplo y lo tengo igual el color funciona el text-decoration tambien pero el display block es como si no estuviese no se si le falta algo es algun fallo en algo

    a { color:green ; text-decoration:none ; display: block}
    JorGens · · Solicitar retirada
    Qué navegador usas? Acabo de probar la página con esa hoja de estilo y a mi si me funciona, al menos con internet explorer y opera.
    franky2253 · · Solicitar retirada
    gracias a todos solucionado lo he puesto en el navegador y funciona
    en cambio en el programa de creacion de paginas web no funcionaba