buenas.. a ver, voy por el curso en la segunda parte pero me queda muy desalineado todo, el menu esta bien a la izquierda, pero pruevo de cambiar el contenido y se mueve, llegue a ponerlo al lado pero siempre el pie de pagina me queda o al lado del contenido en pequeño o debajo del contenido, he corregido los errores que pense que tenia pero me quedo peor que antes.. si alguien me puede ayudar que ya quiero probar colgarlo en la web..pero sin errores.. gracias
no logro que me quede igual que los ejemplos
Para poder ayudarte copia el contenido de tu plantilla.html y de tu hoja de estilos.css y pegalos en un mensaje y así será mas facil ver los fallos, un saludo.
a ver la plantilla.html es la siguiente.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>pruevas</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>elemento lista 1 elemento lista 2 elemento lista 3 elemento lista 4
</div>
este es el contenido, vale por ahora voy mas o menos.</p>
solo algunas cosas que me complican un poco y me toca las narices.</p>
que no puedo con esto que dificil se me hace ahora se porque no estudie nada de nada en la vida.</p>
menos mal sino me romperia el dia escribiendo como lo hago ahora y por gusto mismo de la vida aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaa eeeeeeeeeeeeeeeeeeeeeee</p>
eeeeeeeeeeeeeeeeee iii iiiiiiiiiiiiiiiiiiiiiiiii ooooooooooooooooooooooooooooooo uuuuuuuuuuuu uuuuuuuuuuuuuu uuuuuu ddddddddddd ggggggggggg hhhhhhhhhhh jjjjjjjjjjjjj kkkkkkkkkkkkkk llllllllllllll sssssssssssssssss vvvvvvvvvvvvvvvv bbbbbbbbbbbbbbbbbbbb nnnnnnnnnnnnnn b v c x x d fd f d v d c sc s sx s a aa a F D FE D XC WWE F RGV RF DD C DW D W F EF ER F E D WE DE F E F E F EF E F E HY H T RTVF ERF E DF WED FE C D F DE F EG T HNY MJ I I, GD VD SF SD DS F CV D GF GFV H HNJ HG F DF F FC D D DF FD DF F DF FD DF </p> </div>
<div id="pie">este es el pie de pagina</div>
</div>
</body>
</html>
las aa ee y demas son para que acupen espacio a ver como variaba el tamaño del recuadro.
luego la hoja de estilos-general.css
* {text-indent:0px ;margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: red }
#navegacion {background-color: gray }
#pie {background-color: brown}
#contenido {background-color: orange; width: 650px ; float:left}
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left; margin-right: 10px}
#menu li { list-style:none ; margin: 4px 4px 4px 4px}
a {color: brown; font-size:1.3em ; text-decoration: none ;display:block}
a:link {}
a: visited {}
a:hover {color:red;text-decoration: underline;background-color: silver}
a:active{}
p: {text-align: justify}
en este momento se me ocurre una pregunta mas, si estoy escribiendo en la hoja de estilos, tienen que llevar un orden la escritura o es indiferente? muchas gracias..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>pruevas</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
este es el contenido, vale por ahora voy mas o menos.</p>
solo algunas cosas que me complican un poco y me toca las narices.</p>
que no puedo con esto que dificil se me hace ahora se porque no estudie nada de nada en la vida.</p>
menos mal sino me romperia el dia escribiendo como lo hago ahora y por gusto mismo de la vida aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaa eeeeeeeeeeeeeeeeeeeeeee</p>
eeeeeeeeeeeeeeeeee iii iiiiiiiiiiiiiiiiiiiiiiiii ooooooooooooooooooooooooooooooo uuuuuuuuuuuu uuuuuuuuuuuuuu uuuuuu ddddddddddd ggggggggggg hhhhhhhhhhh jjjjjjjjjjjjj kkkkkkkkkkkkkk llllllllllllll sssssssssssssssss vvvvvvvvvvvvvvvv bbbbbbbbbbbbbbbbbbbb nnnnnnnnnnnnnn b v c x x d fd f d v d c sc s sx s a aa a F D FE D XC WWE F RGV RF DD C DW D W F EF ER F E D WE DE F E F E F EF E F E HY H T RTVF ERF E DF WED FE C D F DE F EG T HNY MJ I I, GD VD SF SD DS F CV D GF GFV H HNJ HG F DF F FC D D DF FD DF F DF FD DF </p> </div>
<div id="pie">este es el pie de pagina</div>
</div>
</body>
</html>
las aa ee y demas son para que acupen espacio a ver como variaba el tamaño del recuadro.
luego la hoja de estilos-general.css
* {text-indent:0px ;margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: red }
#navegacion {background-color: gray }
#pie {background-color: brown}
#contenido {background-color: orange; width: 650px ; float:left}
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left; margin-right: 10px}
#menu li { list-style:none ; margin: 4px 4px 4px 4px}
a {color: brown; font-size:1.3em ; text-decoration: none ;display:block}
a:link {}
a: visited {}
a:hover {color:red;text-decoration: underline;background-color: silver}
a:active{}
p: {text-align: justify}
en este momento se me ocurre una pregunta mas, si estoy escribiendo en la hoja de estilos, tienen que llevar un orden la escritura o es indiferente? muchas gracias..
a ver si esta bien hecho, lo hice con el imageshack para que veas como es la vista preliminar asi ves el fallo en html kit
[contenido no disponible]
[contenido no disponible]
Hola
la capa contenido debe medi 800px de ancho
#contenido {background-color: orange; width: 650px ; float:left}
saludos
la capa contenido debe medi 800px de ancho
#contenido {background-color: orange; width: 650px ; float:left}
saludos
muchas gracias novato!!
problema resuelto, puse 800px en vez de 650px, habia puesto 650 porque como se me desfasaba completamente y habia probado ya de todo lo posible con 650 era la unica manera de que me quedara mas o menos pero ahora con todo el contenido y poniendo 800 me quedo igualito.
muchas gracias por la respuesta y se ve que de novato nada eh!! gracias, korolarium.
problema resuelto, puse 800px en vez de 650px, habia puesto 650 porque como se me desfasaba completamente y habia probado ya de todo lo posible con 650 era la unica manera de que me quedara mas o menos pero ahora con todo el contenido y poniendo 800 me quedo igualito.
muchas gracias por la respuesta y se ve que de novato nada eh!! gracias, korolarium.