pie de la pagina

Hola

me sale en seccion pie de la pagina, pie uno, pie dos y pie tres desordenados. no se donde esta el error! te sube una capura de mi plantilla a ver si pasa algo con el orden.

gracias

Paul
Hola Yaneth aquí la web http://praktikumspanien.mypressonline.com/ te subo otra captura ok.
Me he dado cuenta si cierro el codigo:<div id="pie"> con</div> puedo evitar el desorden pero
el la imgagen de jorgens en 4ª leccion, pie de la pagina sale así:

<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>

No veo donde esta error.

dime algo por favor

Paul
hola

agregale un salto de linea o un poco mas de texto para que baje contenido y sea mayor a menu

saludos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<html> 
<head> 
<title>Pagina Principal del Ejemplo CCTW</title> 
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"> 
 
 
 
 
</head> 
<body> 
 
<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p> 
<p><img src="objetos/sonrisa.gif" width="90px" height="90px" alt="Bienvenidos al ejemplo de CCTW"></p> 
 
 
<p>Página creada gracias a <a href="http://www.comocreartuweb.com"target="_blank">CCTW</a></p> 
<a href="mailto:[correo eliminado]">gerne können Sie uns hier ihre Anfrage senden</a> 
<p><a href="mailto:[correo eliminado]"><img alt="gerne können Sie uns hier ihre Anfrage senden" src="objetos/buzon.gif" height="32px" width="32px" /></a></p> 
</body> 
</html> 
<img alt="Bienvenidos al ejemplo de CCTW" src="objetos/sonrisa.gif" height="60" width="60" />
Bueno no se si viene a cuento pero la última img esta fuera del contenido global :

</body>
</html>
<img alt="Bienvenidos al ejemplo de CCTW" src="objetos/sonrisa.gif" height="60" width="60"/>


luego he visto que hay dos ref al mismo mail:

<a href="mailto:[correo eliminado]">gerne können Sie uns hier ihre Anfrage senden</a>
<p><a href="mailto:[correo eliminado]"><img alt="gerne können Sie uns hier ihre Anfrage senden" src="objetos/buzon.gif" height="32px" width="32px" /></a></p>


Yo lo pondría así:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<html> 
<head> 
<title>Pagina Principal del Ejemplo CCTW</title> 
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"> 
 
 
 
 
</head> 
<body> 
 
<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p> 
<p><img src="objetos/sonrisa.gif" width="90px" height="90px" alt="Bienvenidos al ejemplo de CCTW"></p> 
 
 
<p>Página creada gracias a 
<a href="http://www.comocreartuweb.com"target="_blank">CCTW</a>
</p> 

<br>

<p>
<a href="mailto:[correo eliminado]">
<img alt="gerne können Sie uns hier ihre Anfrage senden" src="objetos/buzon.gif" height="32px" width="32px" />
gerne können Sie uns hier ihre Anfrage senden
</a>
</p>
 
<br>

<p>
<img alt="Bienvenidos al ejemplo de CCTW" src="objetos/sonrisa.gif" height="60" width="60" />
</p>

</body> 
</html> 
Hola Latiga,

he hecho todos los cambios en el html.index pero el pie de la web sigue desordenado. Pensaba que el problema viene mas bien de la carpeta plantilla o css.estilo general.

te subo una captura, a lo mejor tu ves lo que esta mal ordenado.

gracias

Paul
supongo que te refieres a esto,no? http://praktikumspanien.mypressonline.com/plantilla.html



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<html> 
<head> 
<title>Page title</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"> 
<a href="index.html"> 
<img src="objetos/logotipo.gif" width="270" height="80"
alt="Haz clic aquí para volver a la página de inicio"> 
</a> 
</div> 
<div id="publicidad">Bienvenidos a mi Web</div> 
</div> 
<div id="navegacion"> 
<ul> 
<li><a href="#">Sección 1</a></li> 
<li><a href="#">Sección 2</a></li> 
<li><a href="#">Sección 3</a></li> 
<li><a href="#">Sección 4</a></li> 
</ul> 
</div> 
<div id="contenido"> 
<div id="menu"> 
<ul><h1>Título de Sección 1</h1><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li><li><a href="#">Enlace 4</a></li> 
</ul> 
</div> 
<h1>Esta será la zona principal de la web</h1> 
<p>hola anna a ver si terminamos esta web juntos
asi seremos mucho mas rapidos, y pudieramos ya
a empezar cositas que nos interesan, o modificarla
a nuestro gusto.</p> 
<h2>este es mi tercer paragrafo</h2> 
<p>Bueno tambien estoy escribendo aqui
para rellenar este espacio lo maximo posible para ver
si las frases repasen el espacio del menu. 
para poder luego corrigir el deseño.Relleno esto con
mas contenido Parece que
falta por lo menos una linia mas
mas para repasar la linea del menu</p> 
</div> 
<div id="pie"> 
<div id="pieuno">pie uno</div> 
<div id="piedos">pie dos</div> 
<div id="pietres">pie tres</div> 
</div> 
<div id="curva-inferior"></div> 
</div> 
 
</body> 
</html> 
Código CSS de la plantilla:


* {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 }
#publicidad {width:518px; float:right; margin-top:25px; font-size: 16px }
#navegacion {background-color: grey; 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 {width: 150px ; float:left;text-align:left; margin:3px 10px 3px 3px; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom }
#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 {background-color: brown ; float:left; width:150px}
#piedos {background-color: green ; float:left; width:498px}
#pietres {background-color: red ; 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 {}
si pero todavia no veo el error, tengo el orden igual, pero me sale en pie de la pagina los tres pies con sus colores desordenados. no salen horizontal en una linea. pie uno esta encima de pie dos y tres que si que salen horizontal.
Donde esta el error?
por favor me puedes contestar?? No veo donde esta el error. me lo puedes indicar que codigos estan mal?

gracias
hola
te sigue faltando texto en contenido
se generosa jeje, unos dos o tres saltos de linea, aunque con uno más tienes,
recuerda que contenido debe ser mayor que menu en cuanto a texto

saludos