Jorgens, no entiendo como poner los márgenes a los párrfos

arteana · 12 Ene 2010, 19:29 · Solicitar retirada

Hola Jorgens, si no has leído por el foro mis felicitaciones sobre el tutorial, aprovecho para felicitarte ahora y todos los demás colaboradores. He tenido algunos tropiezos de los que me han ayudado a salir. Pero ahora, en la segunda lección, he llegado bien hasta "Los márgenes de los párrafos de...". He leído atentamente tus instrucciones y siguiéndolas (creo yo, je je...) cuando coloco la línea
p {padding: 5px 10px 5px 10px}
donde dices, se desarma todo completamente. He probado de diferentes maneras pero no hay caso. Además en la plantilla, la página está pegada a la izquierda y en el index.html está desarmada.Voy a pegar estilo-general.css con la susodicha línea donde entendí que había que colocarla y la plantilla.html. Y ya que estamos todo lo demás. Quizá sería mejor ponerla en un servidor? Facilita esto las consultas?
Bueno no me borren de la página por abusadora, y desde luego agradezco la paciencia y el tiempo que nos dedican. Gracias.

estilo-general.css

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera{background-color:pink ; width: 800px ; float:left}
#navegacion {background-color: gray ; width: 800px ; float:left}
#contenido p {padding: 5px 10px 5px 10px} {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a {color: blue; font-size:1.3em ; text-decoration: none}
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: brown ; width: 800px ; float:left}
p {text-align: justify}

plantilla.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="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>

Enlance 1

Enlance 2

Enlance 3

</div>

Esta será la zona principal de la web</p>

Este es el segundo párrafo que pongo a la web, para ver hasta donde se extiende el mismo dentro del lugar que le corresponde.</p>

Seguidamente Jorgens me indicará como hacer sangrías y vaya a saber que otras cosas.</p>

Esto se está poniendo bueno, sobre todo porque estoy encontrándole la
vuelta y cometo menos errores.Espero que siga así.</p>

<div id="pie">Este es el pié de la página</div>

</body>
</html>

estilos.css

body {background-color: #E6E6FA}
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ; background-position: center bottom}
img {border-style: none}
.centrado {text-align:center}
#global {width:800px ; margin: 4px auto }

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina principal del ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<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>

Enlance 1

Enlance 2

Enlance 3
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
<p class="centrado">Bienvenidos a mi página Web. Pronto estará lista.</p>

Página creada gracias a <a href="http://www.comocreartuweb.com
"target=_blank">CCTW</a></p>

[correo eliminado]</p>

Para enviar un E-Mail, Pulse aquí.</p>
[contenido no disponible]
</div>
</body>
</html>

Bueno, me da verguenza mandar tanta cosa, hace 10' que me lo estoy pensando para darle click a enviar, pero o soluciono esto o no puedo seguir. De nuevo gracias.

wolfmoon · 12 Ene 2010, 19:35 · Solicitar retirada

#contenido p {padding: 5px 10px 5px 10px} {background-color: orange ; width: 800px ; float:left}

Esta linea esta mal, en todo caso seria asi;

#contenido p {
padding: 5px 10px 5px 10px; 
background-color: orange; 
width: 800px;
float:left
}

Fijate en la diferencia entre la tuya y esta...

arteana · 12 Ene 2010, 22:55 · Solicitar retirada

Hola Wolfmoon, Muchas gracias por contestarme.
De todas las quinielas que probé, creo que la que me enviaste era una, no obstante lo intenté pero tampoco funciona.
Pude centrar la página en la plantilla.html quitando los "float:left" de estilos-generales.css porque me parece que menú es el único que lo necesita.
Y en el index.htlm los que estaban descentrados eran los

y se arregló agregando class="centrado".
Me quedaré esta noche probando a ver que pasa. De nuevo gracias por tu tiempo.

arteana · 12 Ene 2010, 23:53 · Solicitar retirada

Hola de nuevo Wolfmoon, lo he solucionado, puse otra línea contenido debajo con las indicaciones y se ejecutó bien. A ver que pasa con tooooooooodo lo que me falta.
Gracias por tu tiempo.

wolfmoon · 13 Ene 2010, 00:05 · Solicitar retirada

De nada, con paciencia lo sacaras todo.....

arteana · 13 Ene 2010, 12:02 · Solicitar retirada

Gracias por animarme, pero seguro en un rato me quedo varada de nuevo.