no se ve bien mi pagina

tabbyta25 · 27 Jul 2010, 02:41 · Solicitar retirada

no he podido solucionar mi problema con mi pagina, la verdad es que he rebisado todo y no puedo encontrar la falla, les pido me ayuden
mi codigos son:

<!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>xxxxxxxxxxxxxxxxxxxxxx</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>

Portada

Historia

Servicios

Informativos

Descargas

Foro

Aportes

</div>

<div id="contenido">

<div id="menu">
<h1>Título de Sección 1</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>

<h1>Esta será la zona principal de la web</h1>

Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>

En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</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>
</body>
</html>

y estilos generales 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: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif.gif) ; background-repeat: no-repeat ; widht:800px ; height: 12px ; overflow: hidden }
#cabecera {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {widht:280px ; float:left }
#publicidad {widht:518px ; float:center ; 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 10px }
#navegacion ul { margin-left: 60px }
#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 {width: 150px ; float:left ; text-align:left ; margin-right: 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 {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 {}
@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 {}

e incluso volvi a subir mi carpeta objetos pero no se que puede ser

de verdad les agradesco si me ayudan mi direccion es:

http://comunalmaipu.onlinewebshop.net/index.html

fernando mendoza · 27 Jul 2010, 04:05 · Solicitar retirada

hola tabbyta25 saludos: vamos a corregir un poco el codigo de el estilo-general.css haga las correciones siguientes y despues nos avisa.

h2 {font-size: 1.2em; color:blue ; font-weight: bold ;
text-decoration: none ; text-align: center}

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

#logotipo {widht:280px ; float:left }

#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }

#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}

#pie {background-color:white ; border-left:black 1px solid ;
border-right:black 1px solid ; border-top:black 1px solid ;
height: 65px ;}

a:hover {color:red ; text-decoration:underline ; background-color: silver}
saludos.

tabbyta25 · 28 Jul 2010, 02:38 · Solicitar retirada

hola y gracias por responder a mi problema, la verdad es que cambie las cosas que me dijiste y no se ve ningun cambio. nose en que parte estara el error pero he buscado todo no se que mas hacer.
gracias a los que me respondan ojala me des otra sugerencia.

fernando mendoza · 28 Jul 2010, 04:55 · Solicitar retirada

los cambios son escribir bien lo que te puse en el men anterior si hicistes los cambios debes mostrarnos otra vez tus codigos para seguir corrigiendo tu pagina.
saludos.

tabbyta25 · 28 Jul 2010, 23:52 · Solicitar retirada

muchas gracias por responder a mi problema. aqui les dejo los codigos ya corregidos

plantilla

<!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>xxxxxxxxxxxxxxxxxxxxxx</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>

Portada

Historia

Servicios

Informativos

Descargas

Foro

Aportes

</div>

<div id="contenido">

<div id="menu">
<h1>Título de Sección 1</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>

<h1>Esta será la zona principal de la web</h1>

Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>

En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</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>
</body>
</html>

estiloss- generales 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.2em; 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: orange ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {widht:280px ; float:left }
#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 10px }
#navegacion ul { margin-left: 60px }
#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 {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 ;}
#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 {}
@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 {}

fernando mendoza · 29 Jul 2010, 03:40 · Solicitar retirada

hola tabbyta25: haga las siguientes correcciones y suba los cambios y no da su url. en rojo lo que tiene que corregir.
#Logotipo {widht: 280px ; flota:left}
navegacion como le pongo
#navegacion {background-color: #8cd6f1 ; border: black 1px solid ; height:20px}
@pie a {color: blue; text-decoration:none ; display: block } le sobra el signo @.
saludos

tabbyta25 · 31 Jul 2010, 01:38 · Solicitar retirada

hola gracias por tu paciencia, pero aun no pasa nada mira

mi url: http://comunalmaipu.onlinewebshop.net/plantilla.html

mi plantilla:

<!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>xxxxxxxxxxxxxxxxxxxxxx</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>

Portada

Historia

Servicios

Informativos

Descargas

Foro

Aportes

</div>

<div id="contenido">

<div id="menu">
<h1>Título de Sección 1</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>

<h1>Esta será la zona principal de la web</h1>

Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>

En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</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>
</body>
</html>

mi estilos generales es:

*{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.2em; 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: orange ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#Logotipo {widht: 280px ; float:left}
#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 10px }
#navegacion ul { margin-left: 60px }
#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 {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 ;}
#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 {}
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 {}

muchas gracias.

fernando mendoza · 31 Jul 2010, 04:12 · Solicitar retirada

hola tabbyta25 sigamos buscando el error quiero que haga este cambio usted lo tiene asi como le muestro:
<div id="global">
<div id="curva-superior"></div>

pongalo como le muestro aqui.

<div id="global">

<div id="curva-superior"></div>
y no se preocupe que aqui estamos para ayudarnos unos/as a otros/as.
saludos.

Yaneth · 31 Jul 2010, 16:40 · Solicitar retirada

Hola

el unico error que veo, es que no se ven las imagenes
muestranos una captura de la carpeta objetos que tienes en la red

saludos

tabbyta25 · 3 Ago 2010, 01:02 · Solicitar retirada

muchas gracias de nuevo por la ayuda, la verdad es que hice los cambios y nada esto resulto

<!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>xxxxxxxxxxxxxxxxxxxxxx</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="curva-superior.gif"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Portada

Historia

Servicios

Informativos

Descargas

Foro

Aportes

</div>

<div id="contenido">

<div id="menu">
<h1>Título de Sección 1</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>

<h1>Esta será la zona principal de la web</h1>

Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>

En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</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.gif"></div>
</div>
</body>
</html>

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.2em; 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: orange ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#Logotipo {widht: 280px ; float:left}
#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 10px }
#navegacion ul { margin-left: 60px }
#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 {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 ;}
#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 {}
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 por la respuesta de yanett no se como mostrarte una captura de mi carpeta, si me dices como lo haré.

gracias por su ayuda.

tabbyta25 · 3 Ago 2010, 01:04 · Solicitar retirada

se me olvido mi url:

http://comunalmaipu.onlinewebshop.net/index.html

gracias nuevamente.

fernando mendoza · 3 Ago 2010, 01:29 · Solicitar retirada

hola tabbyta25 ya nos llego la ayuda de la profesora yaneth aqui te pongo el enlace para que hagas la captura de la carpeta que te pide la profesora.

http://www.comocreartuweb.com/phpBB2/ftopic7504.html
saludos.