Entrar

problema al subir le web

jacob · · Solicitar retirada
hola amigos lo que pasa es que habia hecho cambios en plantilla y enn la hoja de estilos y en el htmlkit se ve bien y al subirlo esta hecho un desastre
la direccion www.salimosdefiesta.com
aqui os dejo los codigos de la plantilla i la hoja de estilos

<html>
<head>
<link rel="shortcut icon" href="http://salimosdefiesta.com/objetos/favicon.ico">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>SALIMOS DE FIESTA</title>
<link rel="stylesheet"href="estilo-general.css"type="text/css"media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<!--INICIO DEL CODIGO DE CABECERA-NO TOCAR-->
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
<img src="objetos/logotipoanimado2.gif"width="400"height="150"
alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad">Bienvenidos a mi web<img src="objetos/mas002.gif"width="418"height="70"></div>
</div>
<div id="navegacion">
<ul><li><a href="index.html">viva la fiesta</a></li><li><a href="discotecas/discotecas.html">discotecas</a></li><li><a href="pubs/pubs.html">pubs</a></li><li><a href="salasconcierto/salasconcierto.html">salas de concierto</a></li><li><a href="barescopas/barescopas.html">bares de copas</a></li><li><a href="fiestaspopulares/fiestaspopulares.html">fiestas populares</a></li><li><a href="foro/foro.html">foro</a></li></ul>
</div>
<!--FIN DE CODIGO DE CABECERA-->
<div id="contenido">
<!--INICIO DE CODIGO MENU LATERAL IZQUIERDO-NO TOCAR-->

<!--FIN DE CODIGO MENU LATERAL IZQUIERDO-->
<h1>Binvenido a la web para saber donde salir</h1><p>esta web hablara de sitios donde poder ir de fiest</p><p>bare de copas pubs discotecas salas de concierto fiestas populares </p><p>si estan interesados en aparecer en esta web no duden escribirme abajo en el buzon con mucho gusto les contestare</p><h2>la web para montarte tu plan</h2><p>habra de todo fiestas mas importantes de la semana lugares donde de copas donde habra promociones grandes eventos de fiesta discoteca .... todo lo que necesitas para montarte tu plan</p>
</div>
<!--INICIO CODIGO MENU PIE DE PAGINA-NO TOCAR-->
<div id="pie">
<div id="pieuno">
<ul><li><a href="#">foro ejemplos</a></li><li><a href="mailto:[correo eliminado]"><img alt="Pulsa para escribirme un E-Mail!" src="objetos/204-buzon.gif" height="32px" width="32px" /></a></li><li><a href="#">nos enlazan</a></li></ul>
</div>
<div id="piedos">aqui publicidad</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>
<!--FIN DEL CODIGO MENU PIE DE PAGINA-->
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>



* {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:underline;text-align:center;}
body {text-align:center;background-image:url(objetos/fondodegra.gif);background-repeat:repeat;}
#global {width:900px;margin:4px auto;}
#curva-superior{background-image:url(objetos/linea1.gif);background-repeat:no-repeat;width:900px;height:15px;overflow:hidden;}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px;}
#logotipo {width:380px;float:left;}
#publicidad{width:418px;float:right;}
#navegacion{background-color:gray;border:black 1px solid;height:40px;}
#navegacion li{float:left;list-style:none;margin:0px 20px 0px 20px;}
#navegacion ul{margin-left:10px;}
#contenido {background-color:#FFa94c;border-left:black 1px solid;border-right:black 1px solid;}
#contenido p{padding:5px 10px 5px 10px;text-indent:15px;}
#contenido li{list-style:none;}
#menu {width:150px; float:left;text-align:left;margin-right:3px10px3px3px;background-image:url(objetos/menu-parte-inferior.gif.gif);background-position:bottom;padding-bottom:5 px;}
#menu h1{text-decoration:none;font-size:12 px;padding-top:12 px;background-image:url(objetos/menu-parte-superior.gif.gif);}
#menu li {list-style:none; margin:4px 8px 4px 6px;}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;border-top:1px solid;height:65 px;}
#pie li{list-style:none;font-size:12px;}
#pieuno{float:left;width:150px;}
#piedos{float:left;width:598 px;}
#pietres{float:left;width:150 px;}
#curva-inferior{background-image:url(objetos/linea1.gif);background-repeat:no-repeat;width:900px;height:15px;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 {}


gracias amigos de antemano
jacob · · Solicitar retirada
amigos en el explorer se ve bien pero en crome y e firefox fatal voy a descargarme el opera y lo probare
jacob · · Solicitar retirada
en opera igual de mal

¿que hagoooooooooooooooooooooooooooooooooooooooooooooooooooooo?
JorGens · · Solicitar retirada
No se si será esto, pero veo algunas cosas que podrías corregir en tu hoja de 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.1em;color:blue;font-weight:bold;text-decoration:underline;text-align:center;}
body {text-align:center;background-image:url(objetos/fondodegra.gif);background-repeat:repeat;}
#global {width:900px;margin:4px auto;}
#curva-superior{background-image:url(objetos/linea1.gif);background-repeat:no-rrepeat;width:900px;height:15px;overflow:hidden;}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px;}
#logotipo {width:380px;float:left;}
#publicidad{width:418px;float:right;}
#navegacion{background-color:gray;border:black 1px solid;height:40px;}
#navegacion li{float:left;list-style:none;margin:0px 20px 0px 20px;}
#navegacion ul{margin-left:10px;}
#contenido {background-color:#FFa94c;border-left:black 1px solid;border-right:black 1px solid;}
#contenido p{padding:5px 10px 5px 10px;text-indent:15px;}
#contenido li{list-style:none;}
#menu {width:150px; float:left;text-align:left;margin-right:3px10px3px3px;background-image:url(objetos/menu-parte-inferior.gif.gif);background-position:bottom;padding-bottom:5 px;}
#menu h1{text-decoration:none;font-size:12 px;padding-top:12 px;background-image:url(objetos/menu-parte-superior.gif.gif);}
#menu li {list-style:none; margin:4px 8px 4px 6px;}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;border-top:1px solid;height:65 px;}
#pie li{list-style:none;font-size:12px;}
#pieuno{float:left;width:150px;}
#piedos{float:left;width:598 px;}
#pietres{float:left;width:150 px;}
#curva-inferior{background-image:url(objetos/linea1.gif);background-repeat:no-repeat;width:900px;height:15px;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 {}

Ves lo coloreado en rojo? Procurad siempre no dejar espacios entre la cifra y el px, y mucho menos pegar varias dimensiones sin dejar huecos en blanco entre una y otra, como en margin-right:3px10px3px3px

No se si será eso o no el fallo, pero podriamos empezar por ahí y a si no hay suerteal menos ya lo tienes perfecto. Dinos y seguimos buscando gazapos!

Hey, al margen de eso, veo un código muy muy clarito, enhorabuena.
JorGens · · Solicitar retirada
En el Html en cambio, has de respetar algunas separaciones:

<img src="objetos/logotipoanimado2.gif"width="400"height="150"
alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad">Bienvenidos a mi web<img src="objetos/mas002.gif"width="418"height="70"></div>

(sañalo en rojo donde debería haber un espacio en blanco)

y dejarlo así (ya de paso, ponemos los px de las dimensiones.....)

<img src="objetos/logotipoanimado2.gif" width="400px" height="150px"
      alt="Haz clic aquí para volver a la página de inicio"></a></div>
   <div id="publicidad">Bienvenidos a mi web<img src="objetos/mas002.gif" width="418px" height="70px"></div>

Es solo un ejemplo, revisa el resto.
JorGens · · Solicitar retirada
Has colocado un logotipo con una altura de 200px o algo así. En tu hoja de estilo tienes puesto que:


#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px;}

Por tanto, si la altura es de 85px, no te cabe el logotipo. Se sale por abajo y te deforma la web.

Trata de hacer más chico el logotipo o mejor, cambia esa línea de estilo para poner una altura acorde a la altura del logotipo, pues pertenece al DIV cabecera.

Y nos cuentas, claro!
jacob · · Solicitar retirada
lo e podido solucionar a medias en crome se ve bien y en ie tambien pero opera y fire fatal e cambiado la altura de la hoja de estilos en el cabecera pero en cambio e quitado los espacios y se descentraba todo?
leyendo por el foro vi que esto pasaba y habia que hacer una hoja de estilos para diferentes navegadores con un reset
me lo recomiendas ?sera lo mejor ?porque si ahora me meto a hacer que se vea bien en opera y fire en los otros se ira al garete o que?
y como se arreglan ahora los otros ir probando y paciencia?
gracias por ayudarme jorgens a y cuando hagais el encuentro yo voy si o si ja ja ja ..
jacob · · Solicitar retirada
por arte de magia ya se bien en todos
gracias jorgens un saludo y ya ireis informando de lo que tienes en mente
_St · · Solicitar retirada
Lamento diferir, pero en firefox 9.0 (creo que es la última actualización), se ve descuadrada, no creo que sea así como quieras que se vea:


Saludos!!
JorGens · · Solicitar retirada
Al caché lo llaman magia! ja ja aj ja

Me alegro compi! Y ánimo, que de estos fallos se aprende un montón.

Entonces esos espacios no son mania mia y dan esos problemas.. bien bien! je je je

No dejes de contarnos!!!
jacob · · Solicitar retirada
gracias por todo
_st yo lo tengo actualizado y lo veo bien ?
asi es como lo veia antes de solucionarlo
_St · · Solicitar retirada
Disculpen, no había notado que habían respondido este post, disculpen también mi ignorancia, pero que es el caché?

Saludos!

---Update---

Jaja, gracias doodleo, ya borré el caché, y se ve bien :)

Una duda, el caché es lo mismo que el historial, o está dentro de este? Saludos!
SurKaiser · · Solicitar retirada
No , el cache son los archivos que los navegadores almacenan automaticamente de toda web , para evitar la tardanza en la carga de webs nuevamente visitadas xD