Entrar

Curva inferior

3ivan · · Solicitar retirada
Hola voy en la leccion 4ta pero me voy dando cuenta que mi curva inferior es mas grande que la superior y que toda la pagina.
En donde va todo el pie de pagina lo que es, foro ejemplo, contactanos, nos enlazan, etc... se sale del tamaño de toda la pagina y se ve bastante feo aqui dejo la pagina para que vean a que me refiero
http://mexicofashion.onlinewebshop.net/plantilla.html y tambien dejo la hoja de estilo-general.css

*{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: 4pxauto }
#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 {background-color: white ; width:280px ; float:left }
#publicidad {background-color: white; width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid; height:20px}
#navegacion li {float:left;list-style:none; margin: 0px 10px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p{padding: 5px 10px 5px 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 {}
#menu h1 {text-decoration:none ; font-size:12px}
#menu h1 {text-decoration:none ; font-size: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}
#pie li {list-style: none;font-size: 12px }
#pieuno {float:left ; width:150px }
#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 {}
.enlaceuno
#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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

y la plantilla.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>MeXicOfAsh!oN... La MejOR rOpA oRigInAl aL meJor PreCio</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 onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html">
[contenido no disponible]</a></div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul> <h1>Titulo de Seccion1</h1>
  • enlace1
  • enlace2
  • enlace 3
  • enlace 4</div>
    <h1>Esta será la zona principal de la web</h1>


    LA MEJOR TIENDA VIRTUAL EN LA QUE PODRAS HACER TODAS LAS COMPRAS QUE DESEES SIN EL TEMOR DE NO RECIBIR LO QUE PAGASTE, CONTAMOS CON UN AVANZADO SISTEMA DE SEGURIDAD PUEDES COMPRAR CON TODA LA SEGURIDAD DE QUE VAS A RECIBIR LO QUE PAGASTE LA MEJOR ROPA LAS MEJORES MARCAS A UN PRECIO INIGUALABLE,LOS MEJORES ACCESORIOS A LA MODA PARA HOMBRE Y PARA MUJER A UN PRECIO INIGUALABLE. ¡¡LA MEJOR CALIDAD... AL MEJOR PRECIO!!</P>
    <h2>ES LA MEJOR ROPA DE LA MEJOR MARCA.... A UN PRECIO INIGUALABLE Y CON TODA LA SEGURIDAD DE QUE VA A RECIBIR LO QUE COMPRO...!!</h2>


    LO UNICO DE LO QUE TE TIENES QUE PREOCUPAR ES DE ESCOGER... ¡¡QUE ROPA TE GUSTA MAS!!</p>
    </div>
    <div id="pie"><div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres"><ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    espero me puedan ayudar gracias.
    • manmanu · · Solicitar retirada
    Hola 3ivan, que liadillo eehh...!!!
    Haz lo cambios que te pongo en color Rojo, y te irá mejor.
    Si ves que, que no lo ves, lo dices.
    No lo he revisado más a fondo, pero para que puedas continuar, es lo que necesitas cambiar.!!Ok!!


    Ya nos dirás si lo solucionaste.

    Saludos manmanu

    3ivan escribió:*{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 {background-color: white ; width:280px ; float:left }
    #publicidad {background-color: white; width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: gray ; border: black 1px solid; height:20px}
    #navegacion li {float:left;list-style:none; margin: 0px 10px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p{padding: 5px 10px 5px 10px;text-indent: 15px}
    #menu {background-color: orange ; 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 {}
    #menu h1 {text-decoration:none ; font-size:12px}
    #menu h1 {text-decoration:none ; font-size: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}
    #pie li {list-style: none;font-size: 12px }
    #pieuno {float:left ; width:150px }
    #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 {}
    .enlaceuno
    #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}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}

    y la plantilla.html

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>MeXicOfAsh!oN... La MejOR rOpA oRigInAl aL meJor PreCio</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 onload="init();">
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo"><a href="index.html">
    [contenido no disponible]</a></div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul> <h1>Titulo de Seccion1</h1>Esto fuera del menú
  • enlace1
  • enlace2
  • enlace 3
  • enlace 4</div>
    <h1>Esta será la zona principal de la web</h1>


    LA MEJOR TIENDA VIRTUAL EN LA QUE PODRAS HACER TODAS LAS COMPRAS QUE DESEES SIN EL TEMOR DE NO RECIBIR LO QUE PAGASTE, CONTAMOS CON UN AVANZADO SISTEMA DE SEGURIDAD PUEDES COMPRAR CON TODA LA SEGURIDAD DE QUE VAS A RECIBIR LO QUE PAGASTE LA MEJOR ROPA LAS MEJORES MARCAS A UN PRECIO INIGUALABLE,LOS MEJORES ACCESORIOS A LA MODA PARA HOMBRE Y PARA MUJER A UN PRECIO INIGUALABLE. ¡¡LA MEJOR CALIDAD... AL MEJOR PRECIO!!</P>
    <h2>ES LA MEJOR ROPA DE LA MEJOR MARCA.... A UN PRECIO INIGUALABLE Y CON TODA LA SEGURIDAD DE QUE VA A RECIBIR LO QUE COMPRO...!!</h2>


    LO UNICO DE LO QUE TE TIENES QUE PREOCUPAR ES DE ESCOGER... ¡¡QUE ROPA TE GUSTA MAS!!</p>
    </div>
    <div id="pie"><div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres"><ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div></div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>