Entrar

donde debo colocar el pading para definir los parrafos

pedrucho · · Solicitar retirada
#contenido p {padding: 5px 10px 5px 10px}

dicen que debo colocar lo de arriba en estilo-general en contenido.pero donde pues ya tengo esto ya:

#contenido { background-color: orange ; width: 800px ; float:left}

tengo que quitar algo,añadir... no lo especifica.grcias de ante mano
Raulyure · · Solicitar retirada
pedrucho escribió:#contenido p {padding: 5px 10px 5px 10px}

dicen que debo colocar lo de arriba en estilo-general en contenido.pero donde pues ya tengo esto ya:

#contenido { background-color: orange ; width: 800px ; float:left}

tengo que quitar algo,añadir... no lo especifica.grcias de ante mano
Hola:
En la hoja de estilo usted tiene unas directivas para la capa contenido en general
como para el idioma html los párrafos también son como una capa que ya está predefinida con la letra P lo que debe de hacer es a continuación de la capa contenido poner las directivas para los párrafos, pero para los que pertenecen a la capa contenido
si usted solo pone p{etc.etc.etc.} le estaría dando atributos a todos los párrafos de su página sean cuales sean las capas que tenga, serán directivas para todas las capas, por eso si es solo para la capa contenido debe indicar que el padding que quiere es solo para la capa contenido
Esto es solo un recordatorio, ya que en el curso está explicada la manera de diferenciar lo que es para toda la página y lo que es solo para una capa determinada, por tanto debe tenerlo de esta forma en su hoja de estilo:
#contenido { background-color: orange ; width: 800px ; float:left}
#contenido p {padding: 5px 10px 5px 10px}
Saludos
Agradecido de los que aprenden enseñando
pedrucho · · Solicitar retirada
muchas gracias raulyure .
a parte de esto estoy poniendo el marginen el menu pero no se mueve nada no veo diferencias de posicion y lo he mirado detenidamente.
tengo en plantilla:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>mi plantilla</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>


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


    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í.
    Y este es el tercer párrafo. 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.
    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 pié de página</div>
    </div>
    </body>
    </html>
    y tengo en estilo:

    * {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-right: margin:3px 10px 3px 3px }
    #menu li { list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: brown}

    a {color: bronw ; 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}


    que he puesto mal para que en el menu no se vean diferencias .siempre esta igual ponga margin 3px10px 3px3px que 50 a todo, no se mueve nadamuchas gracias de antemano
    • pedrucho · · Solicitar retirada
    muchas gracias raulyure .
    a parte de esto estoy poniendo el marginen el menu pero no se mueve nada no veo diferencias de posicion y lo he mirado detenidamente.
    tengo en plantilla:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>mi plantilla</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>


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


    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í.
    Y este es el tercer párrafo. 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.
    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 pié de página</div>
    </div>
    </body>
    </html>
    y tengo en estilo:

    * {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-right: margin:3px 10px 3px 3px }
    #menu li { list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: brown}

    a {color: bronw ; 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}


    que he puesto mal para que en el menu no se vean diferencias .siempre esta igual ponga margin 3px10px 3px3px que 50 a todo, no se mueve nadamuchas gracias de antemano
    • Raulyure · · Solicitar retirada
    pedrucho escribió:muchas gracias raulyure .
    a parte de esto estoy poniendo el marginen el menu pero no se mueve nada no veo diferencias de posicion y lo he mirado detenidamente.
    tengo en plantilla:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>mi plantilla</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>


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


    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í.
    Y este es el tercer párrafo. 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.
    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 pié de página</div>
    </div>
    </body>
    </html>
    y tengo en estilo:

    * {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-right: margin:3px 10px 3px 3px }
    #menu li { list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: brown}

    a {color: bronw ; 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}


    que he puesto mal para que en el menu no se vean diferencias .siempre esta igual ponga margin 3px10px 3px3px que 50 a todo, no se mueve nadamuchas gracias de antemano
    • Hola:
    Debe ser porque usted tiene como una doble directiva en los margin de la capa menu
    usted tiene margin-right:margin: 3px 10px 03px 03px}
    elimine usted lo que dice margin-right:
    Debe ser solo ;margin:3px 10px 3px 3px}
    Saludos
    Y no ponga 03 solo ponga el tres
    Agradecido de los que aprenden enseñando
    pedrucho · · Solicitar retirada
    muchisimas,muchisimas gracias raulyure, sinceramente estoy encantado de que estes en este foro,no se que hariamos sin ti.espero no darte mucho la lata, estoy entusiasmado conociendo esto y aprendiendo,y saber que hay alguien en quien acudir, la verdad es de agradecer y respetar.saludos