Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 2 de 2

Tema: Desesperado con el pequeño error del menu!

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    24 jul, 07
    Mensajes
    140
    Poder de Reputación
    19

    Desesperado con el pequeño error del menu!

    Buenas!

    Estoi desesperado con este fallo de la web que no puedo arreglar.. Si alguien fuera capaz de hecharme un cable le agradeceria!


    http://img293.imageshack.us/img293/5...rormenukq7.jpg


    Mi html:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Pedro Salinas</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
    <script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
    <script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[img]objetos/baner01.JPG[/img]</div>

    </div>
    <div id="navegacion">
    <ul> [*]Principal[*]Etapas[*]Generacion del 27[/list]
    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Menu</h1>
    <ul>[*]Portal[*]Imagenes[*] Poemas[/list]
    </div>


    </p>
    <h1><u>PEDRO SALINAS</u></h1>


    Esta es la pagina web oficial de Pedro Salinas, en esa web podras encontrar poemas del "poeta del amor", su biografia, imagenes, podras discutir en el foro...Un sin fin de cosas por hacer.
    </p>





    <table width="200" border="1">
    <tr>
    <td>&lasdfnaijsdfñasdfasdfasdfasdfasdf</td>
    <td>[img]objetos/salinaspro.JPG[/img]</td>
    </tr>
    </table>


    A parte de Pedro Salinas, tambien hablaremos un poco de la Generaci
    on del 27, para situar a los visitantes en el contexto..</p>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul> [*]foro ejemplo[*]contactanos[*]<a href#"#">nos enlazan</a> [/list]
    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul> [*]<a href"#">directorio</a>[*]<a href"#">topsite</a>[*]<a href"#">mapa de la web</a>
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    <body onload="init();">
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    Mis estilos:

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    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}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }

    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width:280px ; float:left }
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white}
    #logotipo a:active {}
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {background-color: lorange ; width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom ;
    padding-bottom:5px }
    #menu li {list-style:none ; margin: 4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #pie { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid;
    border-top: black 1px solid ; height: 65px }

    #pieuno {float:left ; width: 150px;}
    #pie li {list-style: none ; front-size: 12px }
    #piedos {float:left ; width: 498px}
    #pietres{float:left ; width: 150px;}

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}

    #pie a {color:blue ; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color: black ; text-decoration:underline ; background-color: white }
    #pie a:active {color:black ;}


    saludos!

  2. #2
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,599
    Poder de Reputación
    41
    Pues cuánto mide de ancho la imagen menu-parte-superior.gif?

    Si no mide 150 px repara esto:
    #menu {background-color: lorange ; width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom ;
    padding-bottom:5px }

    Saludos

Temas Similares

  1. mal entendido mio o pequeño error de la guia
    Por nicohvc en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 7
    Último Mensaje: 26/05/2010, 14:51
  2. pequeño error en el tutorial
    Por jairo222 en el foro Sugerencias
    Respuestas: 0
    Último Mensaje: 19/01/2010, 19:51

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •