Entrar

problemas en Enlaces para el menú de nuestra página web

HTML · · Solicitar retirada
<!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">menu</div>
<div id="menu">Esta será la zona principal de la web</div>
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    <div id="pie">Este es el pié de página</div>
    </div></body>
    </html>



    ¿Que esta mal y como lo arreglo? :?:
    • HTML · · Solicitar retirada
    esa era la plantilla y esto es el estilo-general.css



    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 ; float:left }
    #pie {background-color: brown }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #menu li { ...propiedades..... }
    #menu li { list-style:none }
    HTML · · Solicitar retirada
    :( :( :( :( :( :( :( :( :( :( :( :( :( :( :( :( :( :( :( :( :( :( :( :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry:
    HTML · · Solicitar retirada
    :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry:
    Yaneth · · Solicitar retirada
    Hola

    mira primero veo esto:

    </head>
    <body>
    <div id="global">
    <div id="cabecera">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">menu</div>
    <div id="menu">Esta será la zona principal de la web</div>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    <div id="pie">Este es el pié de página</div>
    </div></body>

    te ire poniendo los errores
    primero te falta cerrar la div global (rojo)

    En teoria el menu y el contenido de la página deberían estar dentro de la div contenido, pero la has cerrado antes a de mas has puesto el texto "menu" dentro de la capa contenido, no dentro de su capa "menu"

    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="menu">menu</div>

    pero no deberias cerralas aqui sería al final de los enlaces asi:

    <div id="navegacion">Barra de Navegación
    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="menu">menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div></body>


    Checalo y nos avisas

    saludos
    </html>
    • HTML · · Solicitar retirada
    <DOCTYPE>
    <html>
    <head>
    <title>Page title</title>
    <link>
    </head>
    <body> <div>
    <div>Bienvenidos a mi Web</div>
    <div>Barra de Navegación
    <div>Menu
    <div>Esta será la zona principal de la web</div>
    <ul>
  • <a>Enlace 1</a>
  • <a>Enlace 2</a>
  • <a>Enlace 3</a>

    </div>
    </div>
    <div>Este es el pié de página</div>
    </div></body>
    </html>

    ¿quedo bien? :lol:
    • HTML · · Solicitar retirada
    me ekivoke no desabilite el 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 id="Menu">Menu
    <div id="menu">Esta será la zona principal de la web</div>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div></body>
    </html>


    ¿quedo bien? :roll:
    • Yaneth · · Solicitar retirada
    Lo siento creo que no

    <!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 id="Menu">Menu
    <div id="menu">Esta será la zona principal de la web</div>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div></body>
    </html>

    • En rojo te he puesto los errores, comparalo con este para que veas la diferencia ya que ahora pusiste el contenido dentro de una div Menu:




    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo2.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">Esta será la zona principal de la web
    <div id="menu">menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div></body>
    </html>
    • HTML · · Solicitar retirada
    ¿quedo bien ahora?



    <!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 id="menu">Menu
    <div id="contenido">Esta será la zona principal de la web</div>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div></body>
    </html>
    • HTML · · Solicitar retirada
    ops!


    <!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 id="contenido">Esta será la zona principal de la web
    <div id="menu">Menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div></body>
    </html>
    • HTML · · Solicitar retirada
    lo de los margenes va en estilo-general.css o en la plantilla?
    Yaneth · · Solicitar retirada
    Van en la hoja de estilos

    si estás trabajando con la plantilla

    en estilo-general.css

    saludos
    HTML · · Solicitar retirada
    margin: 10px 20px 5px 15px
    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 ; float:left }
    #pie {background-color: brown }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }


    esto esta bien :?:
    Yaneth · · Solicitar retirada
    Te da algun error???

    solo veo que esta linea

    no tiene nigun comando

    margin: 10px 20px 5px 15px

    y no se a donde le estás dando esos margenes

    saludos