Hola, me ha atascado en la segunda leccion, en el apartado de margen de parrafos, pongo el código según viene en la lección , pero el texto sigue centrado, trabajo con firefox. ¿Alguna idea?. Gracias
Segunda leccion; Margen de parrafos
Pega aqui tus codigos porfavor.
Ok, aqui van, creo que están bastante ceñidos a las lecciones.
* {margin:0px ; padding:0px ; border:0px }
body {text-align: center}
#global {width:800px;margin:4px auto}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#pie {background-color: brown}
#menu {background-color: yellow; width: 150px ; float:left ; text-align: left ; margin: 3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px 0px 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 {}
aqui el HTML
<!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="cabecera">Bienvenidos a mi web </div>
<div id="navegacion"> Barra de Navegación </div>
<div id="contenido">
<div id="menu">
<ul>Enlace 1 Enlace 2 Enlace 3
</div>
<h1>Esta será la zona principal de la web</h1>
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>
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>
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 pie de página </div>
</div>
</body>
</html>
Gracias
* {margin:0px ; padding:0px ; border:0px }
body {text-align: center}
#global {width:800px;margin:4px auto}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#pie {background-color: brown}
#menu {background-color: yellow; width: 150px ; float:left ; text-align: left ; margin: 3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px 0px 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 {}
aqui el HTML
<!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="cabecera">Bienvenidos a mi web </div>
<div id="navegacion"> Barra de Navegación </div>
<div id="contenido">
<div id="menu">
<ul>
</div>
<h1>Esta será la zona principal de la web</h1>
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>
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>
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 pie de página </div>
</div>
</body>
</html>
Gracias
pega tambn el de html
Listo :)
ERRE escribió:Ok, aqui van, creo que están bastante ceñidos a las lecciones.Fijate, intenta cambiar eso por LEFT, ;)
* {margin:0px ; padding:0px ; border:0px }
body {text-align: center}
#global {width:800px;margin:4px auto}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#pie {background-color: brown}
#menu {background-color: yellow; width: 150px ; float:left ; text-align: left ; margin: 3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px 0px 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 {}
Gracias
:oops: :oops:
Vaya despiste, muchas gracias, en cuanto llegue a casa lo modifico
Vaya despiste, muchas gracias, en cuanto llegue a casa lo modifico
De nada!
Suerte, y si no sbaes algo, aqui estaré!
Suerte, y si no sbaes algo, aqui estaré!
nosabernada escribió:ERRE escribió:Ok, aqui van, creo que están bastante ceñidos a las lecciones.Fijate, intenta cambiar eso por LEFT, ;)
* {margin:0px ; padding:0px ; border:0px }
body {text-align: center}
#global {width:800px;margin:4px auto}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left ; text-alingn:left }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#pie {background-color: brown}
#menu {background-color: yellow; width: 150px ; float:left ; text-align: left ; margin: 3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px 0px 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 {}
Gracias
Listo, aunque haciendo lo que me decías me alineaba a la izquierda toda la web, dejandome el texto descuadrado, pero como me has indicado el camino, he hecho lo que resalto en negrita y ahora si que me sale como en el ejemplo, espero no haberla cagado :)
pero... si hace eso.....
todo el contenido de body se moverá, incluso el div global
esa orden era para centrar global....
en todo caso esa orden la podrias poner en contenido en css no???
todo el contenido de body se moverá, incluso el div global
esa orden era para centrar global....
en todo caso esa orden la podrias poner en contenido en css no???
Si, esta puesta en estilos-general.css
pero no cambies lo de global
body {text-align: center} (esta dejala tal cual)
mejor cambiale aqui
#contenido {background-color: orange ; width: 800px ; float:left ; text-alingn:left }
debe ser align te sobra una n
saludos
body {text-align: center} (esta dejala tal cual)
mejor cambiale aqui
#contenido {background-color: orange ; width: 800px ; float:left ; text-alingn:left }
debe ser align te sobra una n
saludos