Problema con la curva inferior. Urgente!!!! contesten!!!

satellite07 · 4 Jul 2010, 17:57 · Solicitar retirada

Hola, como el titulo lo dice tengo problemas con la curva inferior (en el mozilla y el google chrome, nose ve la curva inferior). Este son los códigos de la hoja de estolos:
body {text-align: center}
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#contenido {background-color: orange ; width: 800px ; float:left ; border-left: black 1px solid ; border-right: black 1px solid}
#pie {border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 65px }
#pie a {color: blue; text-decoration:none ; display: block ; color:black }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px }
#global {width:800px ; margin: 4px auto }
#menu {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 h1 {color:red ; text-decoration:none ; font-size:15px ;
background-image: url(objetos/menu-curva-superior.gif) }
#menu li { ...propiedades..... }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.0em ; text-decoration: none}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {................... margin:3px 10px 3px 3px}
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}
contenido { ....lo que ya había .......... ; border-left: black 1px solid ; border-right: black 1px solid }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
#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}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
.estilo {TEXT-DECORATION: none; COLOR: blue}
#movie {border:black 2px solid ; margin: 20px 20px 20px 20px ; float: right}

Y esta es la de el index:

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

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>MasTodo.com|Oficial site Web| </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="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>

Home

Descargas

Musica

Videos

Foro

Chistes

Contactenos

</div>
<div id="contenido">
<div id="menu">
<ul><h1>Contenidos</h1>

Videos

Juegos

Chistes

Contactanos
</div>
<h1>Bienvenidos a mi Web</h1>

En esta Web encontraran videos, imagenes, juegos, chistes, etc.</p>

Espero que la disfruten y que la pasen de lo mejor</p>

Mira C-A tengo mi propia Web</p>
MasTodo Google Site
</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro

Contactanos

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>
</body>
</html>

Gracias

kevin · 4 Jul 2010, 19:03 · Solicitar retirada

hola amigo para que se vea deberas especificarle la altura y el ancho a la curva-inferior para que se vea debido que no tienes nada puesto para ello has esto en lo rojo colocas el ancho y el alto que tiene la curva inferior
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; width: ??px ; height: ??px }

satellite07 · 4 Jul 2010, 19:35 · Solicitar retirada

Pero yo ya lo tenia así en la hoja de estilos o no?

kevin · 4 Jul 2010, 19:50 · Solicitar retirada

no tu no tenias las propiedas width y height puestas tienes que aplicarles esas propiedas y colocarle el ancho(width) y el alto(height) en numeros que estarian sustituyendo a los ?? debes averiguar el tamaño de la imagen curva-inferior.gif y colocarlos en la hoja de estilo como te explique anteriormente

satellite07 · 5 Jul 2010, 21:04 · Solicitar retirada

pero si lo tengo:

body {text-align: center}
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#contenido {background-color: orange ; width: 800px ; float:left ; border-left: black 1px solid ; border-right: black 1px solid}
#pie {border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 65px }
#pie a {color: blue; text-decoration:none ; display: block ; color:black }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px }
#global {width:800px ; margin: 4px auto }
#menu {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 h1 {color:red ; text-decoration:none ; font-size:15px ;
background-image: url(objetos/menu-curva-superior.gif) }
#menu li { ...propiedades..... }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.0em ; text-decoration: none}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {................... margin:3px 10px 3px 3px}
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}
contenido { ....lo que ya había .......... ; border-left: black 1px solid ; border-right: black 1px solid }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
#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}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
.estilo {TEXT-DECORATION: none; COLOR: blue}
#movie {border:black 2px solid ; margin: 20px 20px 20px 20px ; float: right}

Y esta es la de el index:

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

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>MasTodo.com|Oficial site Web| </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="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>

Home

Descargas

Musica

Videos

Foro

Chistes

Contactenos

</div>
<div id="contenido">
<div id="menu">
<ul><h1>Contenidos</h1>

Videos

Juegos

Chistes

Foro

Contactanos

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>
</body>
</html>

Yaneth · 5 Jul 2010, 21:12 · Solicitar retirada

hola
tienes algo desarreglado el css

debes acomodar todo por orden de aparicion en el css

*
h1
h2
p
body
global
curva-superio
cabecera
logotipo
publicidad
navegacion
contenido
menu
pie
pie a
pie li
pie1
pie 2
curva inferior

me explico??????

otra cosa tienes esto..
#menu {................... margin:3px 10px 3px 3px}
esos puntitos quiere decir que.. ya te habian dado instrucciones para menu, y que debias agregarle lo siguiente
quedando asi

#menu {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; margin:3px 10px 3px 3px }

y lo mismo aqui
#menu li { ...propiedades..... }

y aqui
contenido { ....lo que ya había .......... ; border-left: black 1px solid ; border-right: black 1px solid }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;

estás haciendo copy and past????, deberias teclear cada orden a mano, asi vas aprendiendo la sintaxis de las palabras, y para que sirve cada orden

reacomoda todo tu css, de modo que quede como ya te lo indiqué arriba, por orden de aparicion en el html, la linea del * va arriba de todo

saludos

satellite07 · 5 Jul 2010, 22:12 · Solicitar retirada

Pero necesito arreglar eso de la curva inferior y no cambia. Por favor ayuda!!! Por las dudas mi pág. web es http://mastodo.tk

Yaneth · 5 Jul 2010, 22:28 · Solicitar retirada

ya comodaste todo el css????

debemos ir eliminando posibles errores

saludos

satellite07 · 5 Jul 2010, 22:34 · Solicitar retirada

si lo arregle, gracias. pero el error sigue...

Yaneth · 5 Jul 2010, 22:42 · Solicitar retirada

ok, pasanos la url de tu web
pero no esta redireccionada, la normalita, para checar los codigos, mientras los vemos
tu toma una captura de pantalla, del contenido de la carpeta objetos
y nos lo muestras

saludos

Yaneth · 5 Jul 2010, 22:47 · Solicitar retirada

sigo viendo errores en el css

body {text-align: center}
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#contenido {background-color: orange ; width: 800px ; float:left ; border-left: black 1px solid ; border-right: black 1px solid}
#pie {border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 65px }
#pie a {color: blue; text-decoration:none ; display: block ; color:black }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px }
#global {width:800px ; margin: 4px auto }
#menu {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 h1 {color:red ; text-decoration:none ; font-size:15px ;
background-image: url(objetos/menu-curva-superior.gif) }
#menu li { ...propiedades..... }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.0em ; text-decoration: none}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {................... margin:3px 10px 3px 3px}
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}
contenido { ....lo que ya había .......... ; border-left: black 1px solid ; border-right: black 1px solid }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
#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}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
.estilo {TEXT-DECORATION: none; COLOR: blue}
#99counters299844 {float:right ; margin: 20px 20px 20px 20px ; border: black 3px solid}
#movie {border:black 2px solid ; margin: 20px 20px 20px 20px ; float: right}

en rojo: debe ir arriba de tooodo, esa debe ser la primera linea del css
en azul, eso lo puedes poner arriba tambien antes de body
en naranja, esas van junto a cabecera
violeta y verde, en el mensaje anterior te decia que no debe ir eso de los puntitos

curva superior va arriba de cabecera
y curva inferior va debajo de todo
sigue reorganizando tu css, cuando lo tengas nos avisas para seguir checando

y una cosita mas.... yo si veo perfecto la imagen de la curva superior

saludos

satellite07 · 6 Jul 2010, 01:44 · Solicitar retirada

Voy a seguirla organizando pero no tengo problemas con la curva superior tengo problemas con la curva inferior.

satellite07 · 6 Jul 2010, 01:50 · Solicitar retirada

Ya la organice... a ver si encontramos el error.

Gracias por tu tiempo...

Acá va organizada:

* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.0em ; text-decoration: none}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
body {text-align: center}
#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}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#contenido {background-color: orange ; width: 800px ; float:left ; border-left: black 1px solid ; border-right: black 1px solid}
#pie {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#pie a {color: blue; text-decoration:none ; display: block ; color:black }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px }
#global {width:800px ; margin: 4px auto }
#menu {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 h1 {color:red ; text-decoration:none ; font-size:15px ;
background-image: url(objetos/menu-curva-superior.gif) }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {................... margin:3px 10px 3px 3px}
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}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
.estilo {TEXT-DECORATION: none; COLOR: blue}
#99counters299844 {float:right ; margin: 20px 20px 20px 20px ; border: black 3px solid}
#movie {border:black 2px solid ; margin: 20px 20px 20px 20px ; float: right}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; width: 800px ; height: 12px ;
overflow: hidden }

Yaneth · 6 Jul 2010, 16:29 · Solicitar retirada

hola
pero debes subir los cambios, para poder seguir viendo como se comporta

saludos

Yaneth · 6 Jul 2010, 16:30 · Solicitar retirada

yyy te avanzaré tantito mas....

te falta cerrar el div pie en el html

yo si veo la curva inferior en la pagina solo que con un pekeño fallo por no cerrar pie

saludos

satellite07 · 6 Jul 2010, 19:25 · Solicitar retirada

Ya lo subí; pero no ah cambiado, se sigue viendo mal (en el mozilla y el google chrome). En el Internet Explorer se ve bien.

Yaneth · 6 Jul 2010, 21:21 · Solicitar retirada

sigo sin ver los cambios en la red

saludos

satellite07 · 6 Jul 2010, 23:48 · Solicitar retirada

No te entendí eso de que no cerré el div...

Podrias marcar con rojo donde es eso por favor?