Hola todos y Feliz Año!!!
Antes de nada felicitaros por vuestra web. Llevaba siglos queriendo crear mi propia pagina y por mas que buscaba todo me sonaba a chino y se me hacia complicadisimo hasta que descubri vuestro curso paso a paso y que deciros...se me abrio todo un mundo! por fin me voy enterando y ya estaba yo toda emocionada creando mi propia plantilla y sintiendome toda una webmaster xDD cuando se me revelo una de las capas ¬¬
Es una capa que esta dentro de otra, la capa que la contiene si crece segun lo que le voy metiendo pero esta debe tener algo asi como complejo de Peter Pan porque no crece ni a tiros. Probe con con float left y right y viendo que no cambiaba la deje como left, tambien he probado con height:100%, overflow y con nada se me soluciona y empiezo a desesperarme. Se que si le definiera una altura concreta en px quedaria todo perfecto pero es que esa capa va a ser el verdadero contenido de la web en las distintas paginas que le ponga y seria un rollo andar calculando los px que debo poner en cada pagina porque si consigo que todo salga como quiero no van a ser pocas paginas precisamente :S
Bueno me dejo ya de enrollarme y os pongo lo que llevo hecho a ver si podeis ayudarme. Por cierto que aun no lo subi a ninguna parte pero si hace falta me lo decis y me pongo manos a la obra.
En rojo mi problema, ya veis que ni siquiera me muestra la imagen de fondo que le meti
Muchas gracias si podeis ayudarme y si no por dedicarme vuestro tiempo :)
[contenido no disponible]
Antes de nada felicitaros por vuestra web. Llevaba siglos queriendo crear mi propia pagina y por mas que buscaba todo me sonaba a chino y se me hacia complicadisimo hasta que descubri vuestro curso paso a paso y que deciros...se me abrio todo un mundo! por fin me voy enterando y ya estaba yo toda emocionada creando mi propia plantilla y sintiendome toda una webmaster xDD cuando se me revelo una de las capas ¬¬
Es una capa que esta dentro de otra, la capa que la contiene si crece segun lo que le voy metiendo pero esta debe tener algo asi como complejo de Peter Pan porque no crece ni a tiros. Probe con con float left y right y viendo que no cambiaba la deje como left, tambien he probado con height:100%, overflow y con nada se me soluciona y empiezo a desesperarme. Se que si le definiera una altura concreta en px quedaria todo perfecto pero es que esa capa va a ser el verdadero contenido de la web en las distintas paginas que le ponga y seria un rollo andar calculando los px que debo poner en cada pagina porque si consigo que todo salga como quiero no van a ser pocas paginas precisamente :S
Bueno me dejo ya de enrollarme y os pongo lo que llevo hecho a ver si podeis ayudarme. Por cierto que aun no lo subi a ninguna parte pero si hace falta me lo decis y me pongo manos a la obra.
En rojo mi problema, ya veis que ni siquiera me muestra la imagen de fondo que le meti
Muchas gracias si podeis ayudarme y si no por dedicarme vuestro tiempo :)
HTML escribió:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Sims-Extremos</title>
<link rel="stylesheet" href="estiloindiceweb.css" type="text/css"
media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">logotipo
</div>
<div id="nav-lateral">
<ul>Afiliados Colaboradores FAQ Contacto
</div>
</div>
<div id="navegacion">
<ul>Inicio Noticias Foro Enlace1 Enlace2 Enlace3
</div>
<div id="contenido">
<div id="menu">
<div id="historia">
[contenido no disponible]</p></div>
<div id="tutorial">
[contenido no disponible]</p></div>
<div id="reto">
[contenido no disponible]</p></div>
<div id="publicidad">[contenido no disponible]
</div>
</div>
<div id="descargas">
</div>
</div>
<div id="pie">pie
</div>
</div>
</body>
</html>
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
li {list-style:none}
a {text-decoration:none}
h1 {font-size: 1.3em}
h2 {font-size: 1.0em}
body {background-color: blue ; height:100% ;
text-align: center}
#global {width:1024px ; margin:4px auto }
#cabecera {width:1024px }
#logotipo {background-color: green ;
float:left ; width:768px ; height:200px}
#nav-lateral {background-color: yellow ; float: right ;
width:256px ; height:200px }
#nav-lateral ul {padding-top:20px}
#nav-lateral li {margin:0 0 15px 0 ; font-size:25px}
#navegacion {background-color: pink ; height:80px ;
background-image: url(imagenes/curva-inferior.gif) ;
background-repeat: no-repeat ; background-position: center center}
#navegacion ul { margin-left: 140px ; padding-top:20px}
#navegacion li {float:left ; margin: 0px 40px 0px 10px ;
font-size:2em}
#contenido {width:1024px ; float:left ; background-color: orange}
#menu {float:left ; width:264px ; }
#historia {width:256px ; height:75px; margin:10px 0 0 5px}
#tutorial {width:256px ; height:75px; margin:0 0 0 5px}
#reto {width:256px ; height:75px; margin:0 0 5px 5px}
#publicidad-interna {width:256px ; margin:0 0 5px 5px;}
#descargas {background-color: red ; width:760px ; float:right;
background-image: url(imagenes/descargas.gif) ;
background-repeat: no-repeat ;
background-position:center center}
#pie {background-color: brown ; }
[contenido no disponible]