Entrar

Enlaces

granconejo · · Solicitar retirada
Envié una entrada ayer, pero parece que no llegó.
Les pido que me ayuden con los enlaces ya que no cambian de color (marrón a rojo) no veo tampoco el resultado de poner silver en el hover.

Código html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</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">Menú
<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>


    Código Css:
    * {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}
    #menu {background-color: yellow ; width:150px ; float:left ;
    text-align:left}
    a {color:brown ; text-decorative:none ; display:block}
    a: link {}
    a: visited {}
    a: hover {color:red ; text-decorative:underline ; background-color:silver}
    a: active {}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: brown}
    #global {width:800px ; margin:4px auto}

    Desde ya, gracias a todos.
    • fernando mendoza · · Solicitar retirada
    hola cero que su problema esta en que la palabra decorative no la reconoce y tiene un poco desordenada su hoja de estilo-general: aqui le muestro mas o menos un pequeño orden a seguir y corrija la palabra decorative.

    * {margin:0px ; padding:0px ; border: 0px}

    body {text-align: center}

    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}

    #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:3px 10px 3px 3px}

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

    #pie {background-color: brown}

    a {color: brown; font-size:1.0em ; 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}

    todo lo que le pongo lo necesita copie y pegue todo en block de notas saque lo que necesita y gurde el resto.

    saludos.
    granconejo · · Solicitar retirada
    Gracias Fernando por su ayuda:
    El tema es que hay cosas que Jorgens, con quien sigo el curso aun no explicó, como esto de h1 y h2 y además no incluyó los font-size. De todas maneras, si estaba mal el decorative, pero mis enlaces sigue viéndose mal sin el fondo silver y desordenados!
    fernando mendoza · · Solicitar retirada
    hola saludos me olvide de revisar su index tiene que borrar la palabra menu
    observe como debe quedarle usted la tiene asi como le muestro
    <div id="menu">Menú
    y debe quedarle asi
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>

    saludos.
    • granconejo · · Solicitar retirada
    Si Fernando, ya borré la palabra Menú. Pero puede decirme por qué los enlaces no se están subrayando y poniendo de color gris con la línea de código a: hover {color:red;text-decoration:underline;background-color:silver}?
    Gracias, otra vez!
    fernando mendoza · · Solicitar retirada
    hola por favor muetrenos sus codigos completos plantilla.html y hoja de estilo-general.css
    para que podamos ver cual es el problema.

    saludos.
    granconejo · · Solicitar retirada
    Bien ahí van los códigos:

    plantilla.html:
    <!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</p>


    Representantes de una docena de asociaciones nacionales e internacionales
    de prensa criticaron este mediodía con dureza el proyecto kirchnerista de
    ley de medios en el "Encuentro por la Libertad de Expresión" que se
    desarrolló en el edificio de la Prensa Argentina, en el centro porteño.
    Entre varios cuestionamientos, las entidades alertaron sobre el peligro
    de "restricciones a la libertad de expresión y a la seguridad jurídica".
    </p>
    </div>
    <div id="pie">Este es el Pié de Página</div>
    </div>
    </body>
    </html>

    estilo-general.css:
    * {text-indent: 0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center}

    <h1> {font-size:1.2em ; font-weight:bold;text-decoration:underline;
    text-align:center}</h1>

    #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}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: brown}
    a {color:brown ; font-size:1.0em ;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}

    Gracias!
    • fernando mendoza · · Solicitar retirada
    hola: mire que el cierre del </h1> le sobra en rojo lo que tiene que borrar
    <h1> {font-size:1.2em ; font-weight:bold;text-decoration:underline;
    text-align:center}</h1>
    y he estado revisando su hoja de estilo general y creo que el error es que usted no usa pos espacios donde debe usarlos haga una cosa copie y pegue todo el codigo css que le mande en en su codigo me explico borre el suyo y pegue el que le mande y nos avisa. no le habia respondido porque tengo problemas con mi internet esta fallandome mucho.
    saludos.
    granconejo · · Solicitar retirada
    Bien Fernando, era eso. Copié su estilo-general y funciona correctamente.
    Muchas Gracias!
    Saludos.