Entrar

Duda con los borders

corsita1985 · · Solicitar retirada
Buenos diassss

Estoy acabando la segunda lección pero me ha surgido una duda en el apartado de la las propiedades de CSS border, padding y margin.

Cuando en la propiedad border, jorgens dice que si en una capa solo definimos su contenido en HTML, se refiere a que no lo "decoramos" en la hoja de estilos no?

Perdon por mi ignorancia pero hace poco que me he despertado...Saludos a tod@s!!

EDITO: Esto más o menos lo he entendido. Lo que no entiendo es la diferencia entre margin y padding a la hora de aplicarlo en el menú, porque lo he probado haciendo padding y aparentemente es lo mismito. Pero es que para colmo, hago lo de

#menu {................... margin:3px 10px 3px 3px}

y el menu sigue saliendo igual, con un trozo amarillo demasiado grande por debajo. Si quieren , les dejo el codigo de html de la plantilla y el estilo-general.css. Ya los he repasado mil veces pero nada...

Gracias de antemano.

gracias de antemano
Haciendo fácil lo difícil
corsita1985 · · Solicitar retirada
plantilla.html

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

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</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>


    Ésta será la zona principal de mi web</p>


    Voy a hacer mi segundo párrafo de creación própia. A pesar de poner puntos sigue siendo el mismo párrafo.</p>


    Y ahora el segundo párrafo,a ver si asi logro sobrepasar el menu de la izquierda,que sino no voy a poder advertir los cambios</p>


    Y con este a ver si acabo ya, porque es un poco difícil escribir algo largo sin tener nada que decir...</p>


    Ole ole!!Ya he sobrepasado el menu pero voy a escribir un poco más pare que lo sobrepase a base de bien,para que luego no se diga...
    Prueba que te prueba hasta que se sobrepase del todooooooooo</p>
    </div>
    <div id="pie"> Éste es el pié de página</div>
    </div>
    </body>
    </html>
    • Haciendo fácil lo difícil
    corsita1985 · · Solicitar retirada
    estilo-general.css

    *{text-indent:0px;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}
    #menu{background-color: yellow;width: 150px;float: left;text-align:left
    ;margin:3px 10px 3px 3px}
    #pie{background-color:brown}

    #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{}
    p{text-align:justify}
    Haciendo fácil lo difícil
    Yaneth · · Solicitar retirada
    juega un poco con esto

    #menu li { list-style:none ; margin: 4px 0px 4px 6px}

    y esto
    ;margin:3px 10px 3px 3px}

    para que veas el efecto

    saludos
    corsita1985 · · Solicitar retirada
    Entonces en el tutorial esta mal? Lo digo porque ya se me habia ocurrido esto, pero al final no lo he probado porque se me ha pasado...

    En el tutorial pone que se tiene que modificar el #menu, no el #meni li

    Gracias
    Haciendo fácil lo difícil
    corsita1985 · · Solicitar retirada
    Pues Yaneth tiene razón. Lo he modificado en #menu li. He ido probando cambiando todos los numeros, poniendo burradas y he ido descubriendo que hacia exactamente cada numero. Muchas gracias yanith. Un 10 en atención y de momento en resolucion de dudas.

    Saludos a tod@s