Error 502 bad gateway

my-ekg · 13 Abr 2013, 18:47 · Solicitar retirada

No es problema de tu web, Sered, el sitio donde tenemos alojadas las webs esta caído. A mi también me sale ese error desde anoche. Esperemos que lo resuelvan pronto.

geancoo · 13 Abr 2013, 19:17 · Solicitar retirada

My-ekg como has echo para que tu web se vea como .com si es gratuito amigo podrias decir porfa

my-ekg · 13 Abr 2013, 19:31 · Solicitar retirada

El hosting (alojamiento) es gratis, el dominio (el nombre) lo compré, menos de 9€ al año, lo veo muy barato.
Si no compras el dominio tienes que aceptar un subdominio como el www.***.comocreartuweb.com. El hosting gratis de cctw te permite usar un dominio tuyo o poner un subdominio gratis.

loboferoz06 · 13 Abr 2013, 21:16 · Solicitar retirada

Gracias; ya me imaginaba algo así, porque ayer al subirla por primera vez se veía... más o menos. Al meter ese código me aparece deformada (menú lateral desplazado, unos textos sobre otros, menú navegación en 2 líneas...) no sé.
Gracias y saludos

francisco1 · 14 Abr 2013, 19:32 · Solicitar retirada

Hola lobo tenia varios fallos el html i el css revisarlo aver si tiene alguno mas

fallos

html

<div id="navegacion">
<ul></h1><li><a href="index.html">Portada</a></li><li><a href="historia/historia.html">Historia</a></li><li><a href="discografia/discografia.html">Discografía</a></li><li><a href="conciertos/conciertos.html">Conciertos</a></li><li><a href="descargas/descargas.html">Descargas</a></li><li><a href="foro/foro.html">Foro</a><li><a href="souvenirs/souvenirs.html">Souvenirs</a></li></li></ul>
</div>

css

#cabecera {background-color:white; border-left:black 1px solid; border-right:black 1px solid; height=85px} // y faltaba width:100%;

a {a {color:brown; text-decoration:none; display:block;}}

archivos corregidos html y css

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>Página oficial de la banda</title> 
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all"> 
</head> 
<body> 
<div id="global"> 
<!-- INICIO CODIGO DE CABECERA - NO TOCAR --> 
<div id="curva-superior"></div> 
<div id="cabecera"> 
<div id="logotipo"> 
<a href="index.html"><img alt="Haga click aquí para volver a la página de inicio" src="objetos/logotipo.gif" height="80" width="270" /></a> 
</div> 
<div id="publicidad">Bienvenidos a mi Web</div> 
</div> 
<div id="navegacion"><ul><li><a href="index.html">Portada</a></li><li><a href="historia/historia.html">Historia</a></li><li><a href="discografia/discografia.html">Discografía</a></li><li><a href="conciertos/conciertos.html">Conciertos</a></li><li><a href="descargas/descargas.html">Descargas</a></li><li><a href="foro/foro.html">Foro</a></li><li><a href="souvenirs/souvenirs.html">Souvenirs</a></li></ul> </div> 
<!-- FIN DE CODIGO DE CABECERA --> 
<div id="contenido"> 
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<!-- 
<div id="menu"> 
<h1>Título de Sección 1</h1> 
<ul><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> 
--> 
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO --><h1>Bienvenidos a la página oficial de la banda</h1><p>XXXXXX XXXXXXXXX XXXXXXXX XXXXXXX XXXXXXXXXXX XXXXXXXX</p> 
</div><!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR --> 
<div id="pie"> 
<div id="pieuno"> 
<ul><li><a href="#">Foro Ejemplo</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos Enlazan</a></li></ul></div> 
<div id="piedos">pie dos</div> 
<div id="pietres"><ul><li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li></ul></div>
</div> 
<!-- FIN CODIGO PIE DE PAGINA --> 
<div id="curva-inferior"> 
</div> 
</div> 
</body> 
</html>

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); background-repeat:no-repeat; width:800px; height: 12px; overflow:hidden;} 
#cabecera {background-color:white; border-left:black 1px solid; border-right:black 1px solid; width:100%; height:85px} 
#logotipo {width: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 20px;} 
#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 { 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 {}

loboferoz06 · 19 Abr 2013, 01:14 · Solicitar retirada

Gracias!!
he hecho las modificaciones por ti señaladas y se ve un poco mejor, pero sigue sin verse bien en firefox, chrome y opera.
Saludos

francisco1 · 19 Abr 2013, 15:18 · Solicitar retirada

Hola lobo pues yo tu web con clome la veo bastante bien, opera y firefox se ven casi igual que con clome

tienes otro fallo en los css

#contenido {background-color:orange; border-left:black 1px solid; border-right:black 1px solid;}}

loboferoz06 · 23 Abr 2013, 04:18 · Solicitar retirada

Gracias, Francisco1
me pondré a ello
Saludos