-Márgenes en párrafos y -Separar el menú

Hola. He seguido los pasos y todo bien hasta que he llegado a la lección 2 en donde me he estancado en:
* Márgenes en párrafos
* Separar el menú
Mi problema es que el margen izquierdo no varía ni aunque lo cambie de valores.
Adjunto envío imágenes.
He mirado algo el foro y esta duda no la veo reflejada, si existe pido disculpas por la reiteración.
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]

LORENA escribió:Hola. He seguido los pasos y todo bien hasta que he llegado a la lección 2 en donde me he estancado en:
* Márgenes en párrafos
* Separar el menú
Mi problema es que el margen izquierdo no varía ni aunque lo cambie de valores.
Adjunto envío imágenes.
He mirado algo el foro y esta duda no la veo reflejada, si existe pido disculpas por la reiteración.
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]

Hola:

Creo que usted tiene algunas cosas repetidas y otras que no serían las correctas.
Por ejemplo en su hoja de estilo general , en contenido p le sugiero que ponga como padding 5px 10px 5px 10px

Luego en la capa menu le sugiero que ponga como margin 3px 10px 3px 3px

Y luego en la capa menu li le sugiero que ponga margin 4px 0px 4px 6px
Acá le dejo el como lo habría hecho yo.
(digamos que igual que el curso)

*{text-indent:0px;margin:0px;padding:0px;border:0px}

h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: pink;border-left:black 1px solid;border-right:black 1px solid; }
#navegacion {background-color: gray;border:black 1px solid; }
#contenido {background-color: orange ; width:auto; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#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 }
#pie {background-color: brown;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid; }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}

Como sugerencia general le comento que cuando uno le pone a un Elemento (por ejemplo al elemento menu) un margin, lo que no es correcto, es volver a poner a continuación otra vez margin, porque el navegador no sabrá a qué atenerse.


Ejemplo incorrecto
menu li{list-style:none;margin-right:10px;margin:3px 10px 3px 3px}

Ejemplo correcto
menu li{list-style:none;margin:3px 10px 3px 3px}

Cuando usted le pone la propiedad margin a un elemento, se suelen poner los cuatro valores, el primer valor 3px es el de arriba, el segundo valor 10px es el de la derecha, el tercer valor 3px es el de abajo, y el cuarto valor 3px es el de la izquierda

Saludos

De antemano, muchas gracias Raulyure por tu atención.
En primer lugar veo que me faltan muchos elementos de los que tu indicas, pienso que es que no he llegado a esas lecciones.
En segundo lugar, cambié a propósito los valores ya que con los que indicas (igual que los del tuturial) no se mueve tampoco el margen derecho. (Adjunto imágenes).
Gracias por aclararme que no se puede repetir una propiedad a un elemento.

[contenido no disponible]
[contenido no disponible]

hola

ya lo subiste a la red????
danos la url para verlo

de lo contrario
debes pegar aqui el contenido de html y css para verlo

saludos

No he subido nada a la red porque lo que quiero primero es ir aprendiendo y familiarizando con los código, de todas formas creo que no he llegado aun a la explicacion para hacerlo.
Perdona mi ignorancia pero ¿qué es la url?

estilo-general.css

*{margin:0px;padding:0px;border:0px}
body{text-align:center}
#global{width:800px;margin:4pxauto}
#cabecera{background-color:pink}
#navegacion{background-color:gray}
#contenido{background-color:orange;width:800px;float:left}
#contenido p{padding:5px10px5px10px;text-indent:15px}
#menu{background-color:yellow;width:150px;float:left;text-align:left;margin:3px10px3px3px}
#menu li{list-style:none;margin:4px0px4px6px}
a{color:brown;text-decoration:none;display:block}
a:link{}
a:visite{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
#pie{background-color:brown}
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="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

Enlace 4
</div>


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


Estoy intentando aprender esto, pero me parece imposible, sobre todo si hay que memorizar todos y cada uno de los códigos que aparecen en esta tutoría</p>


Espero que con el tiempo se me haga mas familiar y lo vaya entendiendo a fuerza de practicar.</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>

la url es la direccion de tu pàgina web
por ejemplo la mia es

http://unpocodemucho.atwebpages.com


hay algunos errores

cuando pones diferentes elementos a una sola orden deben ser separados por espacios

aqui debe llevar espacio en blanco despues de px
#global{width:800px;margin:4pxauto}

al igua que aqui
#contenido p{padding:5px10px5px10px;text-indent:15px}
y aqui
#menu{background-color:yellow;width:150px;float:left;text-align:left;margin:3px10px3px3px}

aqui debe ser visited
a:visite{}

aqui
olvidaste cerrar el ul, antes de cerrar el div
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4

Yaneth, muchas gracias por la corrección ahora si que han salido los márgenes en ambos lados.