Hola compañeros.
Primero de todo un saludo a todos y muy especialmente a Jorgens por hacernos este regalo de web, esta GENIAL.
Una vez dicho esto, comentaros...
He comenzado el curso paso a paso y estoi teniendo los primeros problemas, antes de pasar a la lección dos, cuando ya he creado las capas navegacion, cabecera, menu, contenido, pie, hay un momento que pierdo la propiedad del color de fondo en el contenido, no se a que es debido esto, ya que en la hoja de estilos no he modificado nada, he creado varias paginass pero en todas me acaba ocurriendo lo mismo, el contenido deja de tener color.
Una solución alternativa que he encontrado es poner a los parrafos
color pero no soluciona del todo ya que es un parche sin sentido, los <h1> se siguen viendo en blanco, en fin a ver si alguien me echa un cable...
Otro problema que tengo, en la lección tres hhe creado mi subdominio, pero cuando subo los archivos al FTP, no se si lo he dicho bien, mis hojas se ven sin capas y el programa no relaciona los estilos, asi que cuando abro mi page, solo veo un monton de parrafos desordenados y sin sentido.
Bueno de momento con solucionar estos dos problemas me seria suficiente para avanzar algo más, gracias por contestarme.
Saludos compis.
hola
para poder ayudarte, debes pegar aqui el html y css de tu web
yyy... no hagas vista previa de la carpeta azul, solo de la local
saludos
Yaneth escribió:hola
para poder ayudarte, debes pegar aqui el html y css de tu web
yyy... no hagas vista previa de la carpeta azul, solo de la local
saludos
Mi duda ahora es, tengo mi index.html y su correspondiente hoja de estilos css, pero cuando los subo al servidor, estelos interpreta diferente de en mi carpeta local y todo esta descuadrado, es como si no relacionara la hoja de estilos, ahi van mid codigos....
<!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="logo">
<a href="index.html">
[contenido no disponible]</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>
Enlace 1Enlace 2Enlace 3</lu>
</div>
Esta sera la zona principal de la web</p>
there were three men on the door, and they wanted to come in so I went to the door and I opened it. I need be a superman cause I love to be a supeman you know what I wanted to say? so that´s my way of life nevertheless I thing that you have to be a prepared peron for the life, what do you think about it? There have been any storms this week? there havent been storms this week, and so far? there haven´t been more storms this week, as far as I know there haven´t been more stroms this week, It rains cats and dogs, wheather is terrible</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
y estos los css
* {margin:0px ; padding:0px ; border: 0px}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: white;height: 85px;
border-left: black 1px solid; border-right: black 1px solid}
#logo{ width: 250px; float:left}
#publicidad { width: 518px; float: right; margin-top: 25px}
#navegacion {background-color: gray; border: black 1px solid }
#contenido {background-color: orange; padding: 3px 6px 3px 6px;
border-left: black 1px solid; border-right: black 1px solid}
#pie {background-color: white; border-top: black 1px solid;
border-left: black 1px solid; border-right:black 1px solid}
body {text-align: center}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left;
border: black 1px solid; margin: 0px 15px 0px 0px }
#menu li {list-style:none ; margin: 4px 15px 4px 10px}
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.3em ; text-decoration: none}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
p {text-align: justify}
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
heigth: 15px;
overflow: hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px;
overflow: hidden }
Por cierto fijate que no consigo conectar la curva superior con la cabecera y eso que lo tengo igual que en la inferior.
SaludosYaneth escribió:te falta cerrar a
<a href="index.html">
[contenido no disponible]</div>
este cierre esta mal
<ul>Enlace 1Enlace 2Enlace 3</lu>
</div>
esta linea sobra
#menu li {list-style:none ; margin: 4px 15px 4px 10px}
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.3em ; text-decoration: none}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
:wink:
Pero sigo teniendo la curva-superior abierta y no enlaza con el border-left-right de cabecera y tampoco has resuelto mi duda de porque cuando lo subo al servidor sigue todo desordenado y sin sentido, como si no relacionara la hoja de estilos.
De todas maneras gracias por contestarme, ciertamente eran fallos.
Saludos
hola
si ya hiciste el cambio que te comenté
vuelve a pegar los codigos corregidos, para seguirlo viendo
saludos
