Inicio
Foro CCTW
Curso Paso a Paso con Html-Kit.
Ayuda con los codigos
Ayuda con los codigos
Alguien puede ayudarme a corregir estos codigos para que la página se vea bien? HTML: <!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>Agian...</title> <link rel="stylesheet" href="../reset.css" media="all" /> <link rel="stylesheet" href="../estilos.css" type="text/css"> <!--[if IE]> <link rel="STYLESHEET" type="text/css" href="../estilos-ie.css" /> <!--> </head> <body> <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">Bienvenido a mi Web</div> </div> <div id="navegacion"> <ul>
Portada Historia Discografía Conciertos Descargas Foro Souvenirs </div> <div id="contenido"> <div id="menu"> <h1>Historia</h1> <ul> Origen Miembros Formación Actual Album de Fotos </div> <h1>Alejandro Sanz</h1> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Los chulos son pa'cuidarlos 2. Tomasa 3. El apartamento 4. Se busca un lío 5. Doña Marina 6. Tom Sawyer 7. Señor papá 8. Cuando navegamos 9. Micaela 10. Ajaulilí </div> </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Los chulos son pa'cuidarlos 2. Tomasa 3. El apartamento 4. Se busca un lío 5. Doña Marina 6. Tom Sawyer 7. Señor papá 8. Cuando navegamos 9. Micaela 10. Ajaulilí </div> </div> </div> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Los chulos son pa'cuidarlos 2. Tomasa 3. El apartamento 4. Se busca un lío 5. Doña Marina 6. Tom Sawyer 7. Señor papá 8. Cuando navegamos 9. Micaela 10. Ajaulilí </div> </div> </div> </div> <div id="pie"> </div> <div id="curva-inferior"></div> </div> </body> </html> CSS: *{margin:0px ; padding:0px ; border: 0px} p {text-align: justify} h1 {font-size: 1.7em; color:blue ; font-weight: bold; text-decoration: underline ; text-align: center ; padding-top: 10px} 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} #navegacion {background-color: gray ; border: black 1px solid ; height:20px} #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px } #navegacion ul {margin-left: 60px } #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid} #contenido p {padding:5px 10px 5px 160px ; text-indent: 30px} #menu {width: 150px ; float:left ; text-align:left ; margin: 15px 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 ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px} #discos {width: 800px ; float:left ; text-align:left ; background-color: orange ; padding-bottom: 25px} #discos li {text-align:left ; margin-left: 135px} #menu-cd {float: left ; padding-left: 160px} #caratula {float: left} #pie {width: 800px ; background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 15px; font-size: 15px} #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:black ; text-decoration:bold ; background-color: none} a:active {} a.enlaceuno {color: brown ; text-decoration: none ; display: block } a.enlaceuno:link {} a.enlaceuno:visited {} a.enlaceuno:hover {color:black ; text-decoration:bold ; background-color: none} a.enlaceuno:active {} #pie a {} #pie a:link {} #pie a:visited {} #pie a:hover {} #pie a:active {} #logotipo a {} #logotipo a:link {} #logotipo a:visited {} #logotipo a:hover {background-color: white } #logotipo a:active {} #discos a {} #discos a:link {} #discos a:visited {} #discos a:hover {color:black ; text-decoration:bold ; background-color: none} #discos a:active {} Espero que alguien se anime. Muchas gracias
eit, danos pistas dinos, que es lo que se mira mal, y asi podremos arreglar saludos
La idea es que al lado de las caratulas aparezcan las canciones y que, por supuesto, las caratulas queden 1 debajo de la otra, no como me pasa con la 3ª, que sale desplazada.
Como veis aparte de eso hay otras muchas cosas que se ven horribles.
Este está siendo mi intento:
http://musica.mywebcommunity.org/alejandro-sanz/alejandro-sanz.html Espero vuestra ayuda, muchas gracias por contestar
mnmm tienes mal los codigos contenido mide 800 de ancho luego tienes menu con 150 de ancho luego metes un div que se supone debe estar a un lado de menu, y mide tambien 800 de ancho, por eso se baja aqui tienes tres cierres de div <h1>Alejandro Sanz</h1> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul>
1. Los chulos son pa'cuidarlos 2. Tomasa 3. El apartamento 4. Se busca un lío 5. Doña Marina 6. Tom Sawyer 7. Señor papá 8. Cuando navegamos 9. Micaela 10. Ajaulilí </div> </div> </div> podrias decirme de que es cada uno de ellos????
Entonces con ponerle al div de al lado del menú lateral menos width y ponerle un margen a la izquierda conseguiría lo que quiero? Coloqué esos cierres para cada 1 de los divs abiertos anteriormente: discos, menú y caratula. Gracias! :)
Buenas, he variado algo en los códigos y he conseguido "alinear" los albumes pero me sigue saliendo todo muy mal situado. Espero que me puedan echar una mano por favor, me encantaría poder finalizar mi web. Gracias
debes volver a poner tus codigos
Perdon por no ponerlos. HTML: <!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>Agian...</title> <link rel="stylesheet" href="../reset.css" media="all" /> <link rel="stylesheet" href="../estilos.css" type="text/css"> <!--[if IE]> <link rel="STYLESHEET" type="text/css" href="../estilos-ie.css" /> <!--> </head> <body> <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">Bienvenido a mi Web</div> </div> <div id="navegacion"> <ul>
Portada Historia Discografía Conciertos Descargas Foro Souvenirs </div> <div id="contenido"> <div id="menu"> <h1>Autores</h1> <ul> Alejandro Sanz Miembros Formación Actual Album de Fotos </div> <h1>Alejandro Sanz</h1> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Los chulos son pa'cuidarlos 2. Tomasa 3. El apartamento 4. Se busca un lío 5. Doña Marina 6. Tom Sawyer 7. Señor papá 8. Cuando navegamos 9. Micaela 10. Ajaulilí </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Los dos cogidos de la mano 2. Pisando fuerte 3. Lo que fui es lo que soy 4. Todo sigue igual 5. Viviendo deprisa 6. Se le apagó la luz 7. Duelo al amanecer 8. Completamente loca 9. Toca para mí 10. Es este amor </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Si tú me miras 2. Tu letra podré acariciar 3. El escaparate 4. Cómo te echo de menos 5. Cuando acabas tú 6. Mi primera canción 7. Vente al más allá 8. Qué no te daría yo 9. Este pobre mortal 10. A golpes contra el calendario </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Mi primera canción 2. Pisando fuerte 3. Qué no te daría yo 4. Si tú me miras 5. Cómo te echo de menos 6. Los dos cogidos de la mano 7. Tu letra podré acariciar 8. A golpes contra el calendario 9. Se le apagó la luz 10. Viviendo deprisa </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. La fuerza del corazón 2. Por bandera 3. Mi soledad y yo 4. Ellos son así 5. Quiero morir en tu veneno 6. ¿Lo ves? 7. Canción sin emoción 8. Eres mía 9. Ese que me dio vida 10. Se me olvidó todo al verte 11. ¿Lo ves? (Piano y voz) </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Y, ¿si fuera ella? 2. Ese último momento 3. Corazón partío 4. Siempre es de noche 5. La margarita dijo no 6. Hoy que no estás 7. Un charquito de estrellas 8. Amiga mía 9. Si hay Dios... 10. Aquello que me diste </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Cuando nadie me ve 2. Hay un universp de pequeñas cosas 3. Quisiera ser 4. Para que me quieras 5. Llega, llegó soledad 6. El alma al aire 7. Me iré 8. Hicimos un trato 9. Tiene que ser pecado 10. Silencio </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Cuando nadie me ve 2. Y sólo se me ocurre amarte 3. Amiga mía 4. Se le apagó la luz 5. Quisiera ser 6. Aprendiz 7. Quiero morir en tu veneno 8. Cómo te echo de menos 9. Corazón partío 10. Siempre es de noche 11. Toca para mí 12. Lo que fui es lo que soy 13. Todo es de color </div> </div><div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. No es lo mismo 2. Hoy llueve, hoy duele 3. He sido tan feliz contigo 4. Try to save your song 5. Eso 6. Labana 7. Sandy a orilla do mundo 8. 12 por 8 9. Al olvido invito yo 10. Regálame la silla donde te esperé 11. Lo diré bajito 12. Si, he cantado mal </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Enséñame tus manos 2. A la primera persona 3. Te lo agradezco, pero no 4. Donde convergemos 5. En la planta de tus pies 6. La peleíta 7. Se lo dices tú 8. Se molestan 9. Te quiero y te temo 10. El tren de los momentos </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Mi Peter Punk 2. Desde cuando 3. Looking for paradise 4. Yo hice llorar hasta a los ángeles 5. Sin que se note 6. Lola soledad 7. Pero esta tarde no te vas 8. Mala 9. Tú no tienes la culpa 10. Nuestro amor será leyenda </div> </div> <div id="pie"> MusiKey </div> <div id="curva-inferior"></div> </div> </body> </html> CSS: *{margin:0px ; padding:0px ; border: 0px} p {text-align: left} h1 {font-size: 1.7em; color:blue ; font-weight: bold; text-decoration: underline ; text-align: center ; padding-top: 10px} 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} #navegacion {background-color: gray ; border: black 1px solid ; height:20px} #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px } #navegacion ul {margin-left: 60px } #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid} #contenido p {padding:0px 10px 5px 160px ; text-indent: 30px} #menu {width: 150px ; float:left ; text-align:left ; margin: 15px 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:20px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px} #discos {width: 800px ; float:left ; tex-align: left ; background-color: orange ; padding-bottom: 20px} #discos li {text-align: left ; padding-left: 127px} #menu-cd {float: left ; padding-left: 160px} #caratula {float: left} #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; list-style: none} #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:black ; text-decoration:bold ; background-color: none} a:active {} a.enlaceuno {color: brown ; text-decoration: none ; display: block } a.enlaceuno:link {} a.enlaceuno:visited {} a.enlaceuno:hover {color:black ; text-decoration:bold ; background-color: none} a.enlaceuno:active {} #pie a {} #pie a:link {} #pie a:visited {} #pie a:hover {} #pie a:active {} #logotipo a {} #logotipo a:link {} #logotipo a:visited {} #logotipo a:hover {background-color: white } #logotipo a:active {} #discos a {} #discos a:link {} #discos a:visited {} #discos a:hover {color:black ; text-decoration:bold ; background-color: none} #discos a:active {} Gracias por tu tiempo y paciencia Yaneth
te falta cerrar div contenido saludos
Me sigue saliendo mal el pie de página... Gracias
cerraste contenido??? a mi ya no me daba fallos vuelve a pegar los codigos
HTML: <!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>Agian...</title> <link rel="stylesheet" href="../reset.css" media="all" /> <link rel="stylesheet" href="../estilos.css" type="text/css"> <!--[if IE]> <link rel="STYLESHEET" type="text/css" href="../estilos-ie.css" /> <!--> </head> <body> <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">Bienvenido a mi Web</div> </div> <div id="navegacion"> <ul>
Portada Historia Discografía Conciertos Descargas Foro Souvenirs </div> <div id="contenido"> <div id="menu"> <h1>Autores</h1> <ul> Alejandro Sanz Miembros Formación Actual Album de Fotos </div> <h1>Alejandro Sanz</h1> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Los chulos son pa'cuidarlos 2. Tomasa 3. El apartamento 4. Se busca un lío 5. Doña Marina 6. Tom Sawyer 7. Señor papá 8. Cuando navegamos 9. Micaela 10. Ajaulilí </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Los dos cogidos de la mano 2. Pisando fuerte 3. Lo que fui es lo que soy 4. Todo sigue igual 5. Viviendo deprisa 6. Se le apagó la luz 7. Duelo al amanecer 8. Completamente loca 9. Toca para mí 10. Es este amor </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Si tú me miras 2. Tu letra podré acariciar 3. El escaparate 4. Cómo te echo de menos 5. Cuando acabas tú 6. Mi primera canción 7. Vente al más allá 8. Qué no te daría yo 9. Este pobre mortal 10. A golpes contra el calendario </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Mi primera canción 2. Pisando fuerte 3. Qué no te daría yo 4. Si tú me miras 5. Cómo te echo de menos 6. Los dos cogidos de la mano 7. Tu letra podré acariciar 8. A golpes contra el calendario 9. Se le apagó la luz 10. Viviendo deprisa </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. La fuerza del corazón 2. Por bandera 3. Mi soledad y yo 4. Ellos son así 5. Quiero morir en tu veneno 6. ¿Lo ves? 7. Canción sin emoción 8. Eres mía 9. Ese que me dio vida 10. Se me olvidó todo al verte 11. ¿Lo ves? (Piano y voz) </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Y, ¿si fuera ella? 2. Ese último momento 3. Corazón partío 4. Siempre es de noche 5. La margarita dijo no 6. Hoy que no estás 7. Un charquito de estrellas 8. Amiga mía 9. Si hay Dios... 10. Aquello que me diste </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Cuando nadie me ve 2. Hay un universo de pequeñas cosas 3. Quisiera ser 4. Para que me quieras 5. Llega, llegó soledad 6. El alma al aire 7. Me iré 8. Hicimos un trato 9. Tiene que ser pecado 10. Silencio </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Cuando nadie me ve 2. Y sólo se me ocurre amarte 3. Amiga mía 4. Se le apagó la luz 5. Quisiera ser 6. Aprendiz 7. Quiero morir en tu veneno 8. Cómo te echo de menos 9. Corazón partío 10. Siempre es de noche 11. Toca para mí 12. Lo que fui es lo que soy 13. Todo es de color </div> </div> </div><div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. No es lo mismo 2. Hoy llueve, hoy duele 3. He sido tan feliz contigo 4. Try to save your song 5. Eso 6. Labana 7. Sandy a orilla do mundo 8. 12 por 8 9. Al olvido invito yo 10. Regálame la silla donde te esperé 11. Lo diré bajito 12. Si, he cantado mal </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Enséñame tus manos 2. A la primera persona 3. Te lo agradezco, pero no 4. Donde convergemos 5. En la planta de tus pies 6. La peleíta 7. Se lo dices tú 8. Se molestan 9. Te quiero y te temo 10. El tren de los momentos </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Mi Peter Punk 2. Desde cuando 3. Looking for paradise 4. Yo hice llorar hasta a los ángeles 5. Sin que se note 6. Lola soledad 7. Pero esta tarde no te vas 8. Mala 9. Tú no tienes la culpa 10. Nuestro amor será leyenda </div> </div> </div> <div id="pie"> MusiKey </div> <div id="curva-inferior"> </div> </div> </body> </html> CSS: *{margin:0px ; padding:0px ; border: 0px} p {text-align: left} h1 {font-size: 1.7em; color:blue ; font-weight: bold; text-decoration: underline ; text-align: center ; padding-top: 10px} 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} #navegacion {background-color: gray ; border: black 1px solid ; height:20px} #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px } #navegacion ul {margin-left: 60px } #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid} #contenido p {padding:0px 10px 5px 160px ; text-indent: 30px} #menu {width: 150px ; float:left ; text-align:left ; margin: 15px 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 ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px} #discos {width: 800px ; float:left ; tex-align: left ; background-color: orange ; padding-bottom: 20px} #discos li {text-align: left ; padding-left: 127px} #menu-cd {float: left ; padding-left: 160px} #caratula {float: left} #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; list-style: none} #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:black ; text-decoration:bold ; background-color: none} a:active {} a.enlaceuno {color: brown ; text-decoration: none ; display: block } a.enlaceuno:link {} a.enlaceuno:visited {} a.enlaceuno:hover {color:black ; text-decoration:bold ; background-color: none} a.enlaceuno:active {} #pie a {} #pie a:link {} #pie a:visited {} #pie a:hover {} #pie a:active {} #logotipo a {} #logotipo a:link {} #logotipo a:visited {} #logotipo a:hover {background-color: white } #logotipo a:active {} #discos a {} #discos a:link {} #discos a:visited {} #discos a:hover {color:black ; text-decoration:bold ; background-color: none} #discos a:active {}
en la linea 103 tienes un cierre de mas jeje </div> <ul>
1. Cuando nadie me ve 2. Y sólo se me ocurre amarte 3. Amiga mía 4. Se le apagó la luz 5. Quisiera ser 6. Aprendiz 7. Quiero morir en tu veneno 8. Cómo te echo de menos 9. Corazón partío 10. Siempre es de noche 11. Toca para mí 12. Lo que fui es lo que soy 13. Todo es de color </div> </div> </div><div id="discos" style="float:le saludos
Poniendo el código así, mejora algo pero el pie de página aparece en la parte superior de la página. <!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>Agian...</title> <link rel="stylesheet" href="../reset.css" media="all" /> <link rel="stylesheet" href="../estilos.css" type="text/css"> <!--[if IE]> <link rel="STYLESHEET" type="text/css" href="../estilos-ie.css" /> <!--> </head> <body> <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">Bienvenido a mi Web</div> </div> <div id="navegacion"> <ul>
Portada Historia Discografía Conciertos Descargas Foro Souvenirs </div> <div id="contenido"> <div id="menu"> <h1>Autores</h1> <ul> Alejandro Sanz Miembros Formación Actual Album de Fotos </div> <h1>Alejandro Sanz</h1> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Los chulos son pa'cuidarlos 2. Tomasa 3. El apartamento 4. Se busca un lío 5. Doña Marina 6. Tom Sawyer 7. Señor papá 8. Cuando navegamos 9. Micaela 10. Ajaulilí </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Los dos cogidos de la mano 2. Pisando fuerte 3. Lo que fui es lo que soy 4. Todo sigue igual 5. Viviendo deprisa 6. Se le apagó la luz 7. Duelo al amanecer 8. Completamente loca 9. Toca para mí 10. Es este amor </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Si tú me miras 2. Tu letra podré acariciar 3. El escaparate 4. Cómo te echo de menos 5. Cuando acabas tú 6. Mi primera canción 7. Vente al más allá 8. Qué no te daría yo 9. Este pobre mortal 10. A golpes contra el calendario </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Mi primera canción 2. Pisando fuerte 3. Qué no te daría yo 4. Si tú me miras 5. Cómo te echo de menos 6. Los dos cogidos de la mano 7. Tu letra podré acariciar 8. A golpes contra el calendario 9. Se le apagó la luz 10. Viviendo deprisa </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. La fuerza del corazón 2. Por bandera 3. Mi soledad y yo 4. Ellos son así 5. Quiero morir en tu veneno 6. ¿Lo ves? 7. Canción sin emoción 8. Eres mía 9. Ese que me dio vida 10. Se me olvidó todo al verte 11. ¿Lo ves? (Piano y voz) </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Y, ¿si fuera ella? 2. Ese último momento 3. Corazón partío 4. Siempre es de noche 5. La margarita dijo no 6. Hoy que no estás 7. Un charquito de estrellas 8. Amiga mía 9. Si hay Dios... 10. Aquello que me diste </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Cuando nadie me ve 2. Hay un universo de pequeñas cosas 3. Quisiera ser 4. Para que me quieras 5. Llega, llegó soledad 6. El alma al aire 7. Me iré 8. Hicimos un trato 9. Tiene que ser pecado 10. Silencio </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Cuando nadie me ve 2. Y sólo se me ocurre amarte 3. Amiga mía 4. Se le apagó la luz 5. Quisiera ser 6. Aprendiz 7. Quiero morir en tu veneno 8. Cómo te echo de menos 9. Corazón partío 10. Siempre es de noche 11. Toca para mí 12. Lo que fui es lo que soy 13. Todo es de color </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. No es lo mismo 2. Hoy llueve, hoy duele 3. He sido tan feliz contigo 4. Try to save your song 5. Eso 6. Labana 7. Sandy a orilla do mundo 8. 12 por 8 9. Al olvido invito yo 10. Regálame la silla donde te esperé 11. Lo diré bajito 12. Si, he cantado mal </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Enséñame tus manos 2. A la primera persona 3. Te lo agradezco, pero no 4. Donde convergemos 5. En la planta de tus pies 6. La peleíta 7. Se lo dices tú 8. Se molestan 9. Te quiero y te temo 10. El tren de los momentos </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Mi Peter Punk 2. Desde cuando 3. Looking for paradise 4. Yo hice llorar hasta a los ángeles 5. Sin que se note 6. Lola soledad 7. Pero esta tarde no te vas 8. Mala 9. Tú no tienes la culpa 10. Nuestro amor será leyenda </div> </div> <div id="pie"> MusiKey </div> <div id="curva-inferior"> </div> </div> </body> </html>
de nuevo te falta el cierre de contenido aqui te pego lo que agregué <div id="caratula">[contenido no disponible] </div> <ul>
1. Mi Peter Punk 2. Desde cuando 3. Looking for paradise 4. Yo hice llorar hasta a los ángeles 5. Sin que se note 6. Lola soledad 7. Pero esta tarde no te vas 8. Mala 9. Tú no tienes la culpa 10. Nuestro amor será leyenda </div> </div> </div> <div id="pie"> MusiKey </div> <!-- FIN CODIG y aqui te pego tooodo tu html para que lo mires <!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>Agian...</title> <link rel="stylesheet" href="../reset.css" media="all" /> <link rel="stylesheet" href="ayuda2.css" type="text/css"> <!--[if IE]> <link rel="STYLESHEET" type="text/css" href="../estilos-ie.css" /> <!--> </head> <body> <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">Bienvenido a mi Web</div> </div> <div id="navegacion"> <ul> Portada Historia Discografía Conciertos Descargas Foro Souvenirs </div> <div id="contenido"> <div id="menu"> <h1>Autores</h1> <ul> Alejandro Sanz Miembros Formación Actual Album de Fotos </div> <h1>Alejandro Sanz</h1> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Los chulos son pa'cuidarlos 2. Tomasa 3. El apartamento 4. Se busca un lío 5. Doña Marina 6. Tom Sawyer 7. Señor papá 8. Cuando navegamos 9. Micaela 10. Ajaulilí </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Los dos cogidos de la mano 2. Pisando fuerte 3. Lo que fui es lo que soy 4. Todo sigue igual 5. Viviendo deprisa 6. Se le apagó la luz 7. Duelo al amanecer 8. Completamente loca 9. Toca para mí 10. Es este amor </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Si tú me miras 2. Tu letra podré acariciar 3. El escaparate 4. Cómo te echo de menos 5. Cuando acabas tú 6. Mi primera canción 7. Vente al más allá 8. Qué no te daría yo 9. Este pobre mortal 10. A golpes contra el calendario </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Mi primera canción 2. Pisando fuerte 3. Qué no te daría yo 4. Si tú me miras 5. Cómo te echo de menos 6. Los dos cogidos de la mano 7. Tu letra podré acariciar 8. A golpes contra el calendario 9. Se le apagó la luz 10. Viviendo deprisa </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. La fuerza del corazón 2. Por bandera 3. Mi soledad y yo 4. Ellos son así 5. Quiero morir en tu veneno 6. ¿Lo ves? 7. Canción sin emoción 8. Eres mía 9. Ese que me dio vida 10. Se me olvidó todo al verte 11. ¿Lo ves? (Piano y voz) </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Y, ¿si fuera ella? 2. Ese último momento 3. Corazón partío 4. Siempre es de noche 5. La margarita dijo no 6. Hoy que no estás 7. Un charquito de estrellas 8. Amiga mía 9. Si hay Dios... 10. Aquello que me diste </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Cuando nadie me ve 2. Hay un universo de pequeñas cosas 3. Quisiera ser 4. Para que me quieras 5. Llega, llegó soledad 6. El alma al aire 7. Me iré 8. Hicimos un trato 9. Tiene que ser pecado 10. Silencio </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Cuando nadie me ve 2. Y sólo se me ocurre amarte 3. Amiga mía 4. Se le apagó la luz 5. Quisiera ser 6. Aprendiz 7. Quiero morir en tu veneno 8. Cómo te echo de menos 9. Corazón partío 10. Siempre es de noche 11. Toca para mí 12. Lo que fui es lo que soy 13. Todo es de color </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. No es lo mismo 2. Hoy llueve, hoy duele 3. He sido tan feliz contigo 4. Try to save your song 5. Eso 6. Labana 7. Sandy a orilla do mundo 8. 12 por 8 9. Al olvido invito yo 10. Regálame la silla donde te esperé 11. Lo diré bajito 12. Si, he cantado mal </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula"> [contenido no disponible] </div> <ul> 1. Enséñame tus manos 2. A la primera persona 3. Te lo agradezco, pero no 4. Donde convergemos 5. En la planta de tus pies 6. La peleíta 7. Se lo dices tú 8. Se molestan 9. Te quiero y te temo 10. El tren de los momentos </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula">[contenido no disponible] </div> <ul> 1. Mi Peter Punk 2. Desde cuando 3. Looking for paradise 4. Yo hice llorar hasta a los ángeles 5. Sin que se note 6. Lola soledad 7. Pero esta tarde no te vas 8. Mala 9. Tú no tienes la culpa 10. Nuestro amor será leyenda </div> </div> </div> <div id="pie"> MusiKey </div> <div id="curva-inferior"> </div> </div> </body> </html> cualquier cosa aqui sigo :wink:
En la vista previa en Mozilla me sigue saliendo el pie de página justo ocupando el mismo espacio que el menú lateral. Gracias por tu colaboración :wink:
Si se ve bien en un navegador intenta con esto:
http://www.comocreartuweb.com/phpBB2/ftopic25759.html Separas las css una para ie y otra para mozilla luego editas la de mozilla hasta que te quede como quieras.
Hola eze_2493, ya he probado con eso pero no he conseguido. Además he puesto la misma linea #pie que en otras paginas y también me sale el problema. Yo creo que tiene algo que ver con el menú lateral o el contenido, porque justo me aparece en ese troco, el que ocupa el menu lateral. Gracias por colaborar
es que, ya antes te habia comentado, que justo ahi tienes un error lo que deberias hacer es crear un div que mida de ancho lo que queda, entre menu lateral y contenido 800-150=650 crea un div de 640px de ancho, y en ese div es donde pondrás todos los discos, asi no se desbordará con el menu lateral saludos
No se que estaré haciendo mal, perdonad mi ignorancia, en serio... Le he llamado al div que me has dicho "relleno" y le he dado 650 px, como tu me has dicho. Sigo teniendo el mismo problema en la vista previa del mozilla... El pie de página me aparece justo debajo del h1 (Alejandro Sanz) y los discos "respetan" un hueco que no quiero con el menu lateral... HTML: <!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>Agian...</title> <link rel="stylesheet" href="../reset.css" media="all" /> <link rel="stylesheet" href="../estilos.css" type="text/css"> <!--[if IE]> <link rel="STYLESHEET" type="text/css" href="../estilos-ie.css" /> <!--> </head> <body> <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">Bienvenido a mi Web</div> </div> <div id="navegacion"> <ul>
Portada Historia Discografía Conciertos Descargas Foro Souvenirs </div> <div id="contenido"> <div id="menu"> <h1>Autores</h1> <ul> Alejandro Sanz Miembros Formación Actual Album de Fotos </div> <h1>Alejandro Sanz</h1> <div id="relleno"> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula">[contenido no disponible] </div> <ul> 1. Los chulos son pa'cuidarlos 2. Tomasa 3. El apartamento 4. Se busca un lío 5. Doña Marina 6. Tom Sawyer 7. Señor papá 8. Cuando navegamos 9. Micaela 10. Ajaulilí </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula">[contenido no disponible] </div> <ul> 1. Los dos cogidos de la mano 2. Pisando fuerte 3. Lo que fui es lo que soy 4. Todo sigue igual 5. Viviendo deprisa 6. Se le apagó la luz 7. Duelo al amanecer 8. Completamente loca 9. Toca para mí 10. Es este amor </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula">[contenido no disponible] </div> <ul> 1. Si tú me miras 2. Tu letra podré acariciar 3. El escaparate 4. Cómo te echo de menos 5. Cuando acabas tú 6. Mi primera canción 7. Vente al más allá 8. Qué no te daría yo 9. Este pobre mortal 10. A golpes contra el calendario </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula">[contenido no disponible] </div> <ul> 1. Mi primera canción 2. Pisando fuerte 3. Qué no te daría yo 4. Si tú me miras 5. Cómo te echo de menos 6. Los dos cogidos de la mano 7. Tu letra podré acariciar 8. A golpes contra el calendario 9. Se le apagó la luz 10. Viviendo deprisa </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula">[contenido no disponible] </div> <ul> 1. La fuerza del corazón 2. Por bandera 3. Mi soledad y yo 4. Ellos son así 5. Quiero morir en tu veneno 6. ¿Lo ves? 7. Canción sin emoción 8. Eres mía 9. Ese que me dio vida 10. Se me olvidó todo al verte 11. ¿Lo ves? (Piano y voz) </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula">[contenido no disponible] </div> <ul> 1. Y, ¿si fuera ella? 2. Ese último momento 3. Corazón partío 4. Siempre es de noche 5. La margarita dijo no 6. Hoy que no estás 7. Un charquito de estrellas 8. Amiga mía 9. Si hay Dios... 10. Aquello que me diste </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula">[contenido no disponible] </div> <ul> 1. Cuando nadie me ve 2. Hay un universo de pequeñas cosas 3. Quisiera ser 4. Para que me quieras 5. Llega, llegó soledad 6. El alma al aire 7. Me iré 8. Hicimos un trato 9. Tiene que ser pecado 10. Silencio </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula">[contenido no disponible] </div> <ul> 1. Cuando nadie me ve 2. Y sólo se me ocurre amarte 3. Amiga mía 4. Se le apagó la luz 5. Quisiera ser 6. Aprendiz 7. Quiero morir en tu veneno 8. Cómo te echo de menos 9. Corazón partío 10. Siempre es de noche 11. Toca para mí 12. Lo que fui es lo que soy 13. Todo es de color </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula">[contenido no disponible] </div> <ul> 1. No es lo mismo 2. Hoy llueve, hoy duele 3. He sido tan feliz contigo 4. Try to save your song 5. Eso 6. Labana 7. Sandy a orilla do mundo 8. 12 por 8 9. Al olvido invito yo 10. Regálame la silla donde te esperé 11. Lo diré bajito 12. Si, he cantado mal </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula">[contenido no disponible] </div> <ul> 1. Enséñame tus manos 2. A la primera persona 3. Te lo agradezco, pero no 4. Donde convergemos 5. En la planta de tus pies 6. La peleíta 7. Se lo dices tú 8. Se molestan 9. Te quiero y te temo 10. El tren de los momentos </div> </div> <div id="discos" style="float:left; background-color: orange; width: 800px"> <div id="menu-cd" style="float: left"> <div id="caratula">[contenido no disponible] </div> <ul> 1. Mi Peter Punk 2. Desde cuando 3. Looking for paradise 4. Yo hice llorar hasta a los ángeles 5. Sin que se note 6. Lola soledad 7. Pero esta tarde no te vas 8. Mala 9. Tú no tienes la culpa 10. Nuestro amor será leyenda </div> </div> </div> </div> <div id="pie"> MusiKey </div> <div id="curva-inferior"> </div> </div> </body> </html> CSS: *{margin:0px ; padding:0px ; border: 0px} p {text-align: justify} h1 {font-size: 1.7em; color:blue ; font-weight: bold; text-decoration: underline ; text-align: center ; padding-top: 10px} 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} #navegacion {background-color: gray ; border: black 1px solid ; height:20px} #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px } #navegacion ul {margin-left: 60px } #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid} #contenido p {padding:0px 10px 5px 160px ; text-indent: 30px} #relleno {width: 650px} #menu {width: 150px ; float:left ; text-align:left ; margin: 15px 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 ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px} #discos {width: 800px ; float:left ; tex-align: left ; background-color: orange ; padding-bottom: 20px} #discos li {text-align: left ; padding-left: 127px} #menu-cd {float: left ; padding-left: 160px} #caratula {float: left} #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 20px } #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:black ; text-decoration:bold ; background-color: none} a:active {} a.enlaceuno {color: brown ; text-decoration: none ; display: block } a.enlaceuno:link {} a.enlaceuno:visited {} a.enlaceuno:hover {color:black ; text-decoration:bold ; background-color: none} a.enlaceuno:active {} #pie a {} #pie a:link {} #pie a:visited {} #pie a:hover {} #pie a:active {} #logotipo a {} #logotipo a:link {} #logotipo a:visited {} #logotipo a:hover {background-color: white } #logotipo a:active {} #discos a {} #discos a:link {} #discos a:visited {} #discos a:hover {color:black ; text-decoration:bold ; background-color: none} #discos a:active {} Gracias de verdad por vuestr tiempo
He modificado el código y por fin lo he conseguido eh. Gracias por el tiempo.