Entrar

problemas con la lista de el menu

Genesis · · Solicitar retirada
Hola
y de antemano gracias por que esta pagina es bastante util para todos,
mi problema es que en el menu aparece al estilo de lista (osea con un punto delante) y esto es solo en el html-kit por que en el firefox inclusive estan fuera de el area del menu, soy novata y en el curso no habla de este problema,
aqui esta el codigo que tengo insertado:

<!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 1
  • Enlace 1

    </div>Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>



    </body>
    </html>

    les agradeceria bastante si que me ayudaran con esto.

    los quiero mucho,
    Génesis :)
    • wilfre505 · · Solicitar retirada
    Q tal genesis? bueno aqui stamos para ayudar y ser ayudados.

    Y bueno respecto a tu problema sera q podrias poner el codigo css tambien para ver si el fallo sta ahi?? ;)
    WiLL
    Raulyure · · Solicitar retirada
    Genesis escribió:Hola
    y de antemano gracias por que esta pagina es bastante util para todos,
    mi problema es que en el menu aparece al estilo de lista (osea con un punto delante) y esto es solo en el html-kit por que en el firefox inclusive estan fuera de el area del menu, soy novata y en el curso no habla de este problema,
    aqui esta el codigo que tengo insertado:

    <!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 1
  • Enlace 1

    </div>Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>



    </body>
    </html>

    les agradeceria bastante si que me ayudaran con esto.

    los quiero mucho,
    Génesis :)
    • Hola:
    Primero mis disculpas a wilfred por adelantarme, pero Génesis, por lo que veo en lo que ha escrito, si su página está tal como usted lo ha puesto en el post, le sugiero que para revisar su página y ver posibles errores, copie y pegue sus códigos en su mensaje, pero le diré como sugerencia de antemano que usted debiera de tener una capa global y dentro de esa capa poner todas las otras capas que tendrá su página por ejemplo
    <body>
    <div id="global">
    <div id="cabecera"> Esta es la cabecera</div>
    <div id="navegacion">Esta es la barra de navegacion</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • <a href="#" etcetera, etcetera, etcetera
    </div> con esto cierra la capa menu


    Esta será la zona principal de mi web</p>
    </div> con este se cierra la capa contenido
    <div id="pie">Este es el pie de página</div>
    </div>Con este cierra la capa global
    </body>
    </html>
    Las capas cuando se abren por ejemplo un <div id="global"> después hay que cerrarlas, y como es la que encierra todo, pues hay que ponerle el cierre antes del </body> de abajo,como por ejemplo la capa menu que hay que cerrar con </div> y como va dentro de la capa contenido, entonces la capa contenido se cierra después del menu y después de haber escrito algo en la capa contenido, y donde usted tiene escrito Esta será la zona principal de mi web la puede encerrar entre párrafo como se lo puse en el ejemplo o encerrarla entre <h1> y </h1> para que sea un título, pero no se debe encerrar entre un </div> y otro </div> como lo ha puesto usted en el mensaje, Si todo eso lo tiene bien , ya podremos ayudarle con lo de la lista, que puede que sea problema de margenes de la lista o de rellenos (padding).
    Saludos
    • Agradecido de los que aprenden enseñando
    wilfre505 · · Solicitar retirada
    Pues si tienes razon, aunq yo pensaba matar el pajaro de un solo tiro,

    Si se puede poner tanto el codigo html como el codigo css pues mejor asi puedo colocarlos en un archivo y ver exactament dond sta el fallo.

    Pero bueno sta bien ;) Ah x cierto soy wilfre no wilfred. xD
    WiLL
    Raulyure · · Solicitar retirada
    wilfre505 escribió:Pues si tienes razon, aunq yo pensaba matar el pajaro de un solo tiro,

    Si se puede poner tanto el codigo html como el codigo css pues mejor asi puedo colocarlos en un archivo y ver exactament dond sta el fallo.

    Pero bueno sta bien ;) Ah x cierto soy wilfre no wilfred. xD
    Hola:
    Ya me imaginaba que era eso lo que esperabas, solo quise adelantar un poquito --- wilfre505, (que se me había ido el dedo en el teclado) disculpa.
    Saludos
    Agradecido de los que aprenden enseñando
    Genesis · · Solicitar retirada
    pues gracias chicos; intentare lo de global, pero bien aqui estan los codigos para que los revises

    hoja de estilo:

    body {text-align: center}
    body {background-color: #E6E6FA ; background-image: url(objetos/card-captor-sakura-wallpaper-07.jpg) }
    #cabecera {background-color: green }
    #navegacion {background-color: gray }
    #contenido {background-color: red ; width: 800px ; float:left}
    #menu {background-color: yellow; width: 120px ; float:left;text:align:leftlist-style:none ; margin: 4px 0px 4px 6px }
    #pie {background-color: brown}
    * {margin:0px ; padding:0px ; border: 0px}
    a {color: blue; font-size:1.3em ; text-decoration: none;display:block}
    a:link {}
    a:visited {color:brown;text-decoration:none}
    a:hover {color:pink;text-decoration:underline;background-color:black}
    a:active {}
    #global {width:800px ; margin: 4px auto }



    y este el de la plantilla:



    <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 1
  • Enlace 1

    </div>Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>



    </body>
    </html>
    • wilfre505 · · Solicitar retirada
    La verdad es q consegui unos cuantos errores en tu web. Te pondre con rojo lo q tienes q quitar y en azul lo q tienes q agregar. (Hice una modificacion en el orden de la hoja de estilos)

    En el html:
    <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 1
  • Enlace 1

    </div>Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>



    </body>
    </html>

    En la hoja de estilos:
    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center; background-color: #E6E6FA ; background-image: url(objetos/card-captor-sakura-wallpaper-07.jpg) }
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: green }
    #navegacion {background-color: gray }
    #contenido {background-color: red ; width: 800px ; float:left}
    #menu {background-color: yellow; width: 120px ; float:left; text-align:left; list-style:none ; margin: 4px 0px 4px 6px }
    #pie {background-color: brown}

    a {color: blue; font-size:1.3em ; text-decoration: none;display:block}
    a:link {}
    a:visited {color:brown;text-decoration:none}
    a:hover {color:pink;text-decoration:underline;background-color:black}
    a:active {}