Problema con las curvas del menu

Quisiera seguir avanzando con el diseño del sitio que hé creado gracias a este exelente curso pero para ello debo corregir algo para poder hacerlo. No puedo colocarle las curvas al menu.....

Aqui van mis codigos

http://gastonslaiman.medianewsonline.com/index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Transporte El Changuito</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="navegacion">
</div>
<div id="contenido">
<div id="menu">
<ul>
  • Inicio
  • Servicios
  • Cobertura
  • Contactos
    </div>
    <h1>Bienvenidos a Transporte El Changuito</h1>


    Transporte El Changuito es una empresa de transporte de cargas y servicios de distribución, con una experiencia y trayectoria de más de 45 años en el rubro, abarcando la zona centro del país y teniendo como zona primaria de atención la zona norte de la provincia de Buenos Aires.
    Es nuestra meta la satisfacción de las necesidades y deseos de nuestros clientes, a través de un servicio de calidad. Para ello, utilizamos además de la atención directa de cada solicitud de servicio, un seguimiento logístico como herramienta fundamental de nuestra labor.
    Así hoy es Transporte El Changuito una empresa líder en su zona y mercado. Esto nos mueve a un esfuerzo permanente para mantener la trayectoria y la seriedad que percibe nuestra amplia cartera de clientes.
    </p>
    <h2>[contenido no disponible]</h2>


    </p>
    </div>
    <div id="pie">
    <div id="pieuno">Moreno 460 Arrecifes Buenos Aires / TEL/FAX: 02478-452134</div>
    </div>
    <div id="curva-inferior"></div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    -----------------------------------------------------------------------------------

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    h2 {font.size: 1.0em; margin:30px ; color:black ; font-weight: none ; text-decoration: underline ;
    text-align: left}
    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:80px}
    #logotipo {width:280px ; float:center ; padding: 30px }

    #contenido {background-color: white}
    #contenido p {margin: 30px 10px 0px 10px ; text-indent: 15px}
    #menu h1 {}
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #menu {background-color: white ; width: 120px ; float:left ;
    text-align:left ; font-weight: bold ; margin: 54px 3px 80px 6px ;
    background-image: url(objetos/parte-parte-inferior.gif) ;
    background-position: bottom ; padding-bottom:5px }
    #pie { background-color: white ;
    border-top: black 1px solid ; margin:20px 0px 0px 0px ;
    heigth: 12px }
    #pie li {list-style: none ; font-size: 8px}
    #pieuno {float:center ; width:796px }

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 798px ;
    height:12px ;
    overflow: hidden }
    a {color: black ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline}
    a:active {}
    #pie a {color: black ; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:red ; text-decoration:underline ; background-color: white }
    #pie a:active {color:red}
  • Hola, tu en la hoja de estilos tienes esto:

    #menu h1 {}
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #menu {background-color: white ; width: 120px ; float:left ;
    text-align:left ; font-weight: bold ; margin: 54px 3px 80px 6px ;
    background-image: url(objetos/parte-parte-inferior.gif) ;
    background-position: bottom ; padding-bottom:5px }

    Te he marcado en rojo lo que tienes que quitar, un saludo.
    Hola, tu en la hoja de estilos tienes esto:

    #menu h1 {}
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #menu {background-color: white ; width: 120px ; float:left ;
    text-align:left ; font-weight: bold ; margin: 54px 3px 80px 6px ;
    background-image: url(objetos/parte-parte-inferior.gif) ;
    background-position: bottom ; padding-bottom:5px }

    Te he marcado en rojo lo que tienes que quitar.

    Y donde ponias parte , has de poner menu, te debe de quedar así:

    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #menu {background-color: white ; width: 120px ; float:left ;
    text-align:left ; font-weight: bold ; margin: 54px 3px 80px 6px ;
    background-image: url(objetos/menu-parte-inferior.gif) ;
    background-position: bottom ; padding-bottom:5px }



    un saludo.
    He corregido mis codigos y todavía no pude conseguir que esten en su lugar....

    A continuación les envío los codigos

    file:///C:/Documents%20and%20Settings/Administrador/Escritorio/mis-pagina-web/web%20transporte/plantilla.html

    -----------------------------------------------------------------------------------

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Transporte El Changuito</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="navegacion">
    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Inicio
  • Servicios
  • Cobertura
  • Contactos
    </div>
    <h1>Bienvenidos a Transporte El Changuito</h1>


    Transporte El Changuito es una empresa de transporte de cargas y servicios de distribución, con una experiencia y trayectoria de más de 45 años en el rubro, abarcando la zona centro del país y teniendo como zona primaria de atención la zona norte de la provincia de Buenos Aires.
    Es nuestra meta la satisfacción de las necesidades y deseos de nuestros clientes, a través de un servicio de calidad. Para ello, utilizamos además de la atención directa de cada solicitud de servicio, un seguimiento logístico como herramienta fundamental de nuestra labor.
    Así hoy es Transporte El Changuito una empresa líder en su zona y mercado. Esto nos mueve a un esfuerzo permanente para mantener la trayectoria y la seriedad que percibe nuestra amplia cartera de clientes.
    </p>
    <h2></h2>


    </p>
    <div id="loguito">[contenido no disponible]</div>
    </div>
    <div id="pie">
    <div id="pieuno">Moreno 460 Arrecifes Buenos Aires / TEL/FAX: 02478-452134</div>
    </div>
    <div id="curva-inferior"></div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    -------------------------------------------------------------------------------------

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    h2 {font.size: 1.0em; margin:30px ; color:black ; font-weight: none ; text-decoration: underline ;
    text-align: left}
    body {text-align: center ; background-color:#00008B}
    #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:80px}
    #logotipo {width:280px ; float:center ; padding: 30px }

    #contenido {background-color: white}
    #contenido p {margin: 30px 10px 0px 10px ; text-indent: 15px}
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif)}
    #menu {background-color:#E8E8E8 ; width: 120px ; float:left ;
    text-align:left ; font-weight: bold ; margin: 54px 3px 80px 6px ;
    background-image: url(objetos/menu-inferior.gif) ;
    background-position: bottom ; padding-bottom:5px}
    #pie { background-color: white ;
    border-top: orange 2px solid ; margin:20px 0px 0px 0px ;
    heigth: 12px }
    #pie li {list-style: none ; font-size: 8px}
    #pieuno {float:center ; width:796px }

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 798px ;
    height:12px ;
    overflow: hidden }
    a {color: black ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:black ; text-decoration:underline}
    a:active {}
    #pie a {color: black ; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: silver }
    #pie a:active {color:black}
  • Aqui esta un extracto de tu codigo: :wink:

    menu {background-color:#E8E8E8 ; width: 120px ; float:left ;
    text-align:left ; font-weight: bold ; margin: 54px 3px 80px 6px ;
    background-image: url(objetos/menu-parte-inferior.gif) ;
    background-position: bottom ; padding-bottom:5px}

    Debes agregar lo verde, -parte

    Saludoss :wink:
    Gaston1259 escribió:He corregido mis codigos y todavía no pude conseguir que esten en su lugar....

    A continuación les envío los codigos

    file:///C:/Documents%20and%20Settings/Administrador/Escritorio/mis-pagina-web/web%20transporte/plantilla.html

    -----------------------------------------------------------------------------------

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Transporte El Changuito</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="navegacion">
    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Inicio
  • Servicios
  • Cobertura
  • Contactos
    </div>
    <h1>Bienvenidos a Transporte El Changuito</h1>


    Transporte El Changuito es una empresa de transporte de cargas y servicios de distribución, con una experiencia y trayectoria de más de 45 años en el rubro, abarcando la zona centro del país y teniendo como zona primaria de atención la zona norte de la provincia de Buenos Aires.
    Es nuestra meta la satisfacción de las necesidades y deseos de nuestros clientes, a través de un servicio de calidad. Para ello, utilizamos además de la atención directa de cada solicitud de servicio, un seguimiento logístico como herramienta fundamental de nuestra labor.
    Así hoy es Transporte El Changuito una empresa líder en su zona y mercado. Esto nos mueve a un esfuerzo permanente para mantener la trayectoria y la seriedad que percibe nuestra amplia cartera de clientes.
    </p>
    <h2></h2>


    </p>
    <div id="loguito">[contenido no disponible]</div>
    </div>
    <div id="pie">
    <div id="pieuno">Moreno 460 Arrecifes Buenos Aires / TEL/FAX: 02478-452134</div>
    </div>
    <div id="curva-inferior"></div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    -------------------------------------------------------------------------------------

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    h2 {font.size: 1.0em; margin:30px ; color:black ; font-weight: none ; text-decoration: underline ;
    text-align: left}
    body {text-align: center ; background-color:#00008B}
    #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:80px}
    #logotipo {width:280px ; float:center ; padding: 30px }

    #contenido {background-color: white}
    #contenido p {margin: 30px 10px 0px 10px ; text-indent: 15px}
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif)}
    #menu {background-color:#E8E8E8 ; width: 120px ; float:left ;
    text-align:left ; font-weight: bold ; margin: 54px 3px 80px 6px ;
    background-image: url(objetos/menu-inferior.gif) ;
    background-position: bottom ; padding-bottom:5px}
    #pie { background-color: white ;
    border-top: orange 2px solid ; margin:20px 0px 0px 0px ;
    heigth: 12px }
    #pie li {list-style: none ; font-size: 8px}
    #pieuno {float:center ; width:796px }

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 798px ;
    height:12px ;
    overflow: hidden }

    Hola:
    Me imagino que usted habrá modificado la imagen que tiene que poner en la capa menu y en la capa h1 porque veo que usted le ha dado a esa capa un ancho de 120px, y originalmente las curvas que hay que poner en el menu tienen un ancho de 150px.
    Y la curva que va debajo de la capa pie ¿también la modificó a 798px? porque originalmente tiene de ancho 800px.
    Saludos
  • Agradecido de los que aprenden enseñando
    Bien, corregí el titulo "menu-parte-inferior" y ya puedo ver la corrección ahora el problema sigue estando en la parte superior porque no aparece....

    paso los codigos corregidos nuevamente


    file:///C:/Documents%20and%20Settings/Administrador/Escritorio/mis-pagina-web/web%20transporte/plantilla.html

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Transporte El Changuito</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="navegacion">
    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Inicio
  • Servicios
  • Cobertura
  • Contactos
    </div>
    <h1>Bienvenidos a Transporte El Changuito</h1>


    Transporte El Changuito es una empresa de transporte de cargas y servicios de distribución, con una experiencia y trayectoria de más de 45 años en el rubro, abarcando la zona centro del país y teniendo como zona primaria de atención la zona norte de la provincia de Buenos Aires.
    Es nuestra meta la satisfacción de las necesidades y deseos de nuestros clientes, a través de un servicio de calidad. Para ello, utilizamos además de la atención directa de cada solicitud de servicio, un seguimiento logístico como herramienta fundamental de nuestra labor.
    Así hoy es Transporte El Changuito una empresa líder en su zona y mercado. Esto nos mueve a un esfuerzo permanente para mantener la trayectoria y la seriedad que percibe nuestra amplia cartera de clientes.
    </p>
    <h2></h2>


    </p>
    <div id="loguito">[contenido no disponible]</div>
    </div>
    <div id="pie">
    <div id="pieuno">Moreno 460 Arrecifes Buenos Aires / TEL/FAX: 02478-452134</div>
    </div>
    <div id="curva-inferior"></div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    h2 {font.size: 1.1em; margin:30px ; color:black ; font-weight: none ; text-decoration: underline ;
    text-align: center}
    body {text-align: center ; background-color:#00008B}
    #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:80px}
    #logotipo {width:280px ; float:center ; padding: 30px }
    #contenido {background-color: white}
    #contenido p {margin: 30px 10px 0px 10px ; text-indent: 15px}
    #menu li {list-style:none ; margin: 4px 0px 4px 16px}
    #menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) ;
    background-repeat: no-repeat}
    #menu {background-color:white ; width: 126px ; float:left ;
    text-align:left ; font-weight: bold ; margin: 54px 3px 80px 16px ;
    background-image: url(objetos/menu-parte-inferior.gif) ; background-repeat: no-repeat ;
    background-position: bottom ; padding-bottom:5px}
    #pie { background-color: white ;
    border-top: orange 2px solid ; margin:20px 0px 0px 0px ;
    heigth: 12px }
    #pie li {list-style: none ; font-size: 8px}
    #pieuno {float:center ; width:798px }

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 798px ;
    height:12px ;
    overflow: hidden }
    a {color: black ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:black ; text-decoration:underline}
    a:active {}
    #pie a {color: black ; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: silver }
    #pie a:active {color:black}
  • Gaston1259 escribió:Bien, corregí el titulo "menu-parte-inferior" y ya puedo ver la corrección ahora el problema sigue estando en la parte superior porque no aparece....

    paso los codigos corregidos nuevamente


    file:///C:/Documents%20and%20Settings/Administrador/Escritorio/mis-pagina-web/web%20transporte/plantilla.html

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Transporte El Changuito</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="navegacion">
    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Inicio
  • Servicios
  • Cobertura
  • Contactos
    </div>
    <h1>Bienvenidos a Transporte El Changuito</h1>


    Transporte El Changuito es una empresa de transporte de cargas y servicios de distribución, con una experiencia y trayectoria de más de 45 años en el rubro, abarcando la zona centro del país y teniendo como zona primaria de atención la zona norte de la provincia de Buenos Aires.
    Es nuestra meta la satisfacción de las necesidades y deseos de nuestros clientes, a través de un servicio de calidad. Para ello, utilizamos además de la atención directa de cada solicitud de servicio, un seguimiento logístico como herramienta fundamental de nuestra labor.
    Así hoy es Transporte El Changuito una empresa líder en su zona y mercado. Esto nos mueve a un esfuerzo permanente para mantener la trayectoria y la seriedad que percibe nuestra amplia cartera de clientes.
    </p>
    <h2></h2>


    </p>
    <div id="loguito">[contenido no disponible]</div>
    </div>
    <div id="pie">
    <div id="pieuno">Moreno 460 Arrecifes Buenos Aires / TEL/FAX: 02478-452134</div>
    </div>
    <div id="curva-inferior"></div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    h2 {font.size: 1.1em; margin:30px ; color:black ; font-weight: none ; text-decoration: underline ;
    text-align: center}
    body {text-align: center ; background-color:#00008B}
    #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:80px}
    #logotipo {width:280px ; float:center ; padding: 30px }
    #contenido {background-color: white}
    #contenido p {margin: 30px 10px 0px 10px ; text-indent: 15px}
    #menu li {list-style:none ; margin: 4px 0px 4px 16px}
    #menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) ;
    background-repeat: no-repeat}
    #menu {background-color:white ; width: 126px ; float:left ;
    text-align:left ; font-weight: bold ; margin: 54px 3px 80px 16px ;
    background-image: url(objetos/menu-parte-inferior.gif) ; background-repeat: no-repeat ;
    background-position: bottom ; padding-bottom:5px}
    #pie { background-color: white ;
    border-top: orange 2px solid ; margin:20px 0px 0px 0px ;
    heigth: 12px }
    #pie li {list-style: none ; font-size: 8px}
    #pieuno {float:center ; width:798px }

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 798px ;
    height:12px ;
    overflow: hidden }
    a {color: black ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:black ; text-decoration:underline}
    a:active {}
    #pie a {color: black ; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: silver }
    #pie a:active {color:black}
  • Hola:
    El curso está basado para seguir unos parámetros, por ejemplo la capa global (que es la que contiene a todas las demás capas) tendrá un ancho de 800 píxeles, la capa menu en el curso está diseñada para que tenga un ancho de 150 pixeles, por lo tanto las imágenes que uno utiliza del curso están diseñadas para utilizarlas con esas medidas, por eso la imagen de curva de la cabecera mide 800 píxeles (lo mismo que la capa global) al igual que la imagen de la curva que se pone debajo de la capa pie, en lo concerniente a la capa menu, las imagenes que están en el curso miden de ancho 150 píxeles, por eso la capa menu y la capa h1 deben medir de ancho 150 píxeles, ahora si uno le pone a la capa menu un ancho de 126 píxeles entonces esas imagenes no cabrán en esa capa, y o no saldrán (que no se verán) o si salen estarán por cualquier parte, usted debe hacer que coincida el ancho de la capa menu con el ancho de la imagenes de curva que quiere poner en esa capa. También debe saber que un píxel de diferencia por ejemplo en la capa cabecera le puede descuadrar la capa pie, o un píxel de diferencia en la capa pie, le puede descuadrar la capa cabecera o cualquier otra capa, esto se lo digo como ejemplo para que usted esté al tanto de que la página es un todo, cada cosa que haga en una parte puede influir en otra.
    Ahora si usted la capa menu y la capa h1 las quiere de 126 píxeles de ancho entonces debe modificar también las imágenes de curva que pondrá allí, eso debe hacerlo con un programa editor de imagenes, ( Photoshop o Paint o el que usted tenga) ya que le reitero que deben coincidir las medidas de las imágenes de curva que quiere poner con el ancho de las capas en que las va a poner
    Saludos