Entrar

leccion 2 - Enlaces Cambiantes

ceadepemar · · Solicitar retirada
Creo que he escrito bien los códigos, pero no funciona:

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}
#pie{background-color:brown}
#menu li{list-style:none;margin:4px 0px 4px 6px}
a {color:brown;text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red;text-decoration:underline}
a:active {}


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 Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
  • Elemento de lista 1
  • Elemento de lista 2
  • Elemento de lista 3

    </div>
    Esta será la zona principal de la Web</div>
    <div id="pie">Este es el pie de página</div>
    </div>
    </body>
    </html>

    Por favor...
    • manmanu · · Solicitar retirada
    Hola ceadepemar,

    Creo que he escrito bien los códigos, pero no funciona:

    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}
    #pie{background-color:brown}
    #menu li{list-style:none;margin:4px 0px 4px 6px}
    a {color:brown;text-decoration:none}
    a:link {}
    a:visited {}
    a:hover {color:red;text-decoration:underline; background:silver;}Coloca ésta parte de código para que como el curso, se vea al poner el raton en gris.
    a:active {}


    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 Navegacion</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Elemento de lista 1Prueba a hacer de ésta manera
  • Elemento de lista 1Es lo que le falta a tú menú.


  • Elemento de lista 2
  • Elemento de lista 3

    </div>
    Esta será la zona principal de la Web</div>
    <div id="pie">Este es el pie de página</div>
    </div>
    </body>
    </html>

    Por favor...


    • Bueno espero haberte ayudado.
    Termina tú mismo los enlaces de tú menú.

    Si tienes más dudas comentalas.


    Saludos manmanu