No vemo mi plantilla al subirla

Luadca · 1 Abr 2011, 07:24 · Solicitar retirada

Hola. pues como primer punto, felicitarlos y agradecerles infinitamente por esa maravillosa oportunidad de poder ampliar nuestros conocimientos y todo de una forma gratuita. Es una genial labor, esta demas decir que las leccciones son totalmente sencillas y entendibles.

Como segundo punto, pues les cuento que al subir al servidor mi página puedo ver mi correctamente el index. pero la plantilla me aparece totlamente desconfigurada como si no hubiera hoja de estilos, ok aquiles dejo les dejoa a ambos

Codigo plantilla:
<!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" target="_blank"><img src="objetos/logotipo.gif" width="270px" height="80px" alt="haz clic para volver a la página de inicio"/></a></div>
<div id="publicidad">Bienvenidos a mi Web</div></div>
<div id="navegacion">Barra de navegación</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>

<h1>Esta será la zona principal de la web</h1>
<p>Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2> <p>En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
<p>Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>

</div>
</body>
</html>

Codigo hoja de estilos:
* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px }
body {text-align: center }
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: white ; border-right: 1px solid black ; border-left: 1px solid black ; height: 85px }
#logotipo {width: 280px ; float: left }
#publicidad {width: 518px ; float: right ; margin-top: 25px }
#navegacion {background-color: gray ; border: 1px solid black }
#contenido {background-color: orange ; width: auto ; border-right: 1px solid black ; border-left: 1px solid black }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px }
#menu {background-color: yellow ; width: 150px ; float: left; text-align: left ; margin: 3px 10px 3px 3px ; margin-right: 10px }
#menu li {list-style: none; margin: 4px 6px 4px 6px }
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 {background-color: white ; border-top: 1px solid black ; border-right: 1px solid black ; border-left: 1px solid black }
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 }
#curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden }
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden }

De antemano, muchas gracias por su ayuda

olukarak · 1 Abr 2011, 07:46 · Solicitar retirada

Bueno no vi nada raro en cuanto al enlace con los estilos... Estas completamente segura de que el documento en si se llama estilo-general.css?
Si se te ve en local los estilos quiere decir que no los subiste bien al servidor.

lantiga · 1 Abr 2011, 09:47 · Solicitar retirada

<!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" target="_blank"><img src="objetos/logotipo.gif" width="270px" height="80px" alt="haz clic para volver a la página de inicio"/></a></div>
<div id="publicidad">Bienvenidos a mi Web</div></div> 
<div id="navegacion">Barra de navegación</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>

<h1>Esta será la zona principal de la web</h1> 
<p>Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p> 
<h2>Y este es el tercer párrafo.</h2> <p>En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
<p>Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>

</div>
</body>
</html>

lantiga · 1 Abr 2011, 10:00 · Solicitar retirada

Bueno yo si que veo cositas a mejorar ; como siempre digo un poco de orden y una url nos va de fabula.

Análisis del código :

<! -- Esto es un comentario para html aquí podemos poner la referencia los divs y saber donde empiezan y donde acaban y al ser un comentario los navegadores no lo tendrán en cuenta o sea que a los usuarios que visitan nuestras páginas estas lineas no les constan -->

<! -- Aquí empezaría div cabecera -->
<div id="cabecera">
<! -- A este div le falta una etiqueta de cierre "</div> -->
<! -- Aquí empieza div logotipo -->
<div id="logotipo">
<a href="index.html" target="_blank">
<img src="objetos/logotipo.gif" width="270px" height="80px" alt="haz clic para volver a la página de inicio"/>
</a>
</div>



<div id="publicidad">Bienvenidos a mi Web</div></div>
<! -- fin -->

podría seguir pero creo que se entiende con esto ,no?

olukarak · 1 Abr 2011, 12:43 · Solicitar retirada

Bueno, segun tu entendimiento el ve el color de fondo y eso... La verdad, perdi algo de practica de tanto sin entrar. La proxima vez pensare en eso.

Muajajajajajaja.

Luadca · 1 Abr 2011, 20:56 · Solicitar retirada

noooooooooooooo¡¡¡¡¡ segun esto, todo esta bien, ya, ya intente subir las páginas con el filezilla y lo curioso es que en ambas en mi página ejemplo como en mi página de pruebas, en ambas solo se ve el index con todo, pero no asi la plantilla, solo se ve como si no tubiera hoja de estilos¡¡¡ por cierto.... soy hombre... y mas macho que la palabra.. ok graciassssss¡¡¡¡

Les dejo las dirección de ambas gracias¡¡¡

myownwebpage.getenjoyment.net = mi página ejemplo

lacc.atwebpages.com = mi página de pruebas¡¡

waldragon · 1 Abr 2011, 21:23 · Solicitar retirada

lantiga escribió:Bueno yo si que veo cositas a mejorar ; como siempre digo un poco de orden y una url nos va de fabula.

Análisis del código :

<! -- Esto es un comentario para html aquí podemos poner la referencia los divs y saber donde empiezan y donde acaban y al ser un comentario los navegadores no lo tendrán en cuenta o sea que a los usuarios que visitan nuestras páginas estas lineas no les constan -->

<! -- Aquí empezaría div cabecera -->
<div id="cabecera">
<! -- A este div le falta una etiqueta de cierre "</div> -->
<! -- Aquí empieza div logotipo -->
<div id="logotipo">
<a href="index.html" target="_blank">
<img src="objetos/logotipo.gif" width="270px" height="80px" alt="haz clic para volver a la página de inicio"/>
</a>
</div>



<div id="publicidad">Bienvenidos a mi Web</div></div>
<! -- fin -->

podría seguir pero creo que se entiende con esto ,no?

Lantiga: Creo que estas equivocado, los divs logotipo y publicidad van dentro del div cabecera, de otra forma la web se veria mal.

Luadca: Danos el link de tu web para que la veamos mas en detalle, seguro que tienes mal escrito el nombre de la css o la subiste en otro nivel

lantiga · 1 Abr 2011, 21:41 · Solicitar retirada

la plantilla me aparece totlamente desconfigurada

es que lo web del chaval se ve mal; yo solo intento ayudar sin ver la url es dificil definir el que yo solo intento ayudar pero como bien sabeis no lo se todo.

waldragon · 1 Abr 2011, 22:12 · Solicitar retirada

lantiga escribió:es que lo web del chaval se ve mal; yo solo intento ayudar sin ver la url es dificil definir el que yo solo intento ayudar pero como bien sabeis no lo se todo.

No te enojes lantiga, aqui estamos para aprender, ya descibri el problema de luadca:

Luadca, mira los codigos de index.html y de plantilla.html, tienn una diferencia,

En index.html :

<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

En plantilla.html:

<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

Solo cambia esa linea por la que esta en index.html y funcionara, saludos.

olukarak · 2 Abr 2011, 05:54 · Solicitar retirada

Luadca escribió:por cierto.... soy hombre... y mas macho que la palabra..

Lo siento, el nick me confundio.

waldragon escribió:No te enojes lantiga, aqui estamos para aprender, ya descibri el problema de luadca:

Luadca, mira los codigos de index.html y de plantilla.html, tienn una diferencia,

En index.html :

<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

En plantilla.html:

<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

Solo cambia esa linea por la que esta en index.html y funcionara, saludos.

No, no y no. Leete el curso. Hay unos css de index y otros css de plantilla.

Pues aparte de todo esto, lo que yo decia, que no tienes subido ningun documento que se llame: estilo-general.css.
A ver, pasanos una fotito de la ventana donde estan las carpetitas y demas (no me acuerdo como se llama). En la fotito deben verse todas las carpetas abiertas que tienes, tanto ftp como en local. (workspace? creo que se llamaba asi la ventana XD).