Entrar

la plantilla.html se ve mal

atino · · Solicitar retirada
la plantilla.html se ve mal en "web-ejemplos-cctw-internet", cuando pongo vista previa se ve sin el fondo, ni las imagenes ni nada de nada porque sera?
ricky · · Solicitar retirada
si no se ve nada de estilos es posible que la hoja este mal relacionada, el codigo es este: <link rel="stylesheet" type="text/css" href="hoja.css" media="all"> antes de </head>, tambien asegurense de guardar los cambios antes de previsualizar y la ruta donde este la hoja que sea correcta, si no es eso coloquen un codigo o direccion para ver.
lauklapp · · Solicitar retirada
Gracias Ricky, revisé todo... esta exactamente igual, en el ejmeplo se ve pero en internet solo se ven las frases... como pongo un código o qué dirección para ver??? Soy muy básica, perdón!! Laura
atino · · Solicitar retirada
Yo igual, no se ve nada y en ejemplos local si , tambien el index.html. Mi Hosting es con Sered por si tiene algo que ver.gracias
ricky · · Solicitar retirada
Vamos por partes chicos,
1-La web se ve bien en su computador pero cuando la suben se ve mal?
2-Si se ve mal cuando la suben, quiere decir que ya tienen una direccion, ponganla aqui para verla.
3-Si no la han subido (laura) pon aqui el codigo, solo copia TODO lo que tienes en la(s) paginas html y la hoja css y lo pones aqui como comentario para poder verlo. si ya la subiste, la direccion me refiero a : www.mipagina.subdominio.com escribela aqui para yo poder verla.

Posibles problemas:
las imagenes son muy pesadas y no suben, hay que quitarles peso.
en local los archivos estan en diferentes rutas que como quedan cuando se suben, fijense que TODO este en la misma carpeta.
...mm no se, estoy adivinando, pongan codigo o link.

saludos...
Yaneth · · Solicitar retirada
hola
de casualudad... están haciendo vista previa de la carpeta azul?????

si es asi... entonces no hay error, no deben hacer vista previa de lo que tengan en esa carpeta
esa solamente se usa para subir.... para trabajar en local
para ver lo subido...
directo en la red (navegadores, iexplorer, opera, firefox, los que usen para navegar)

saludos
lauklapp · · Solicitar retirada
A ver si entendí... la dirección sería: www.consejosparaaprenderycantarmejor.sportsontheweb.net yo NO LA PUEDO ABRIR ni en internet ni en la web... ojala que vos puedas!!! Gracias por la ayuda y los consejos!!! Laura
ricky · · Solicitar retirada
Pues ya esta, suerte y a seguir aprendiendo. espero que "ATINO" tambien lo haya solucionado.
miguelalfonzo · · Solicitar retirada
buenas,amigos por que cuando cargo la pagina al servidor m queda mal, si cuando la veo con el html kit se ve perfecta? esta es mi pagina http://nextgenerations.sportsontheweb.net

y este el estilo general
*{text-indent:0px;margin:0px;padding:0px;border:0px}
body {text-align: justify }
#global {width:800px ; margin:4px auto }
img{border-style:none}
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}
#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:120px}
#logotipo {width:130px ; float:left }
#publicidad {width:668px ; float:right ; margin-top:85px ; 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: 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 {background-color: lorange ; 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 }
#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 {}


ayuda por favor, gracias
Yaneth · · Solicitar retirada
hola miguel

esto tienes en el html

<div id="cabecera"> <div id="logotipo"><a href="index.html"><img src="objetos/c.JPEG" width="170px" height="80px" alt="Haz clic aquí para volver a la página de inicio"></a></div> <div id="publicidad">Bienvenidos a mi Web</div> </div>y esto en el css

overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:120px}
#logotipo {width:130px ; float:left }
#publicidad {width:668px ; float:right ; margin-top:85px ; font-size: 16px }

mira cuanto mide tu logotipo????? 170, pero en el css le has dicho que debe entrar en un div que mide 130 como verás no cabe
luego le dices a publicidad que debe medir 668
si sumas 668 mas 170 que mide el logotipo te da...838... y si cabecera mide 800 de ancho, pues no cabe jejej
asi que.... tienes problemas con las medidas, este es uno de los errores mas comunes.. debes tener cuidado con eso

ahora veamos el menu navegacion
tienes muchos enlaces, los cuales no caben en esa altura, debes darle mas altura a navegacion en el css y jugar con el margin y pading para que quepan todos tus enlaces en dos o tres filas

ajusta eso, y vuelves a postear ya que hayas subido los cambios

saludos