Ayuda con css

Inicio Foros WordPress Instalación / Actualización Ayuda con css

Etiquetado: 

Este debate contiene 7 respuestas, tiene 2 mensajes y lo actualizó  vmb hace 9 años, 10 meses.

  • Autor
    Publicaciones
  • #11871

    vmb
    Participante

    <p>Hola, estuve editando la plantilla de paginas estaticas (cms)<br />
    http://www.katmandu.cl/wp/</p&gt;
    <p>En la hoja de estilo (adjunto archivo .css) no logro acortar las franjas de color horizontales :( por favor si alguien puede ayudarme!!</p>
    <p>El resto todo ok, muy buena esta página, realmente me ha ayudado!!! gracias</p>
    <p>Veronica
    </p>

  • #25420

    vmb
    Participante

    buu no sube el archivo, pero es algo asi:

    body {margin:0;padding:0}

    #header {

    width: 100%;

    height: 215px;

    background-image: url(‘images/Header.jpg’);

    background-repeat: no-repeat;

    background-position: center center;

    text-align: left;

    }

    #header .widthlimiter div {float:right;color:#a10048;font:italic bold 1em/80px sans-serif;}

    #search {display:inline}

    #description {display:inline;margin-right:1em}

    .widthlimiter {min-width:600px;max-width:854px;width:854px;margin:0 auto;}

    #menu {width:100%;background:#a10048;height:2em}

  • #25424

    23r9i0
    Participante

    Hola tienes dos opciones:
    1 colocar un div para centrar todo el contenido y evitar de tocar mas el css.
    Es decir hacer un contenedor lo colocas antes del div header y lo cierras poniéndolo justo antes de body que veras en el footer.[code]
    #contenedor{
    width:900px; /* cámbialo para ajustarlo mas a tu diseño */
    margin:0 auto; /* para centrar el div al centro */
    padding:0; /* para no tener relleno */
    }[/code]
    La otra opción es decirle al #menu y al #footer que tienen un width del tamaño que quieres no he mirado el ancho que tenia tu blog por eso no te doy un dígito correcto, luego se tendría que cambia el margin para que se centre como comente mas arriba.
    Yo personalmente usaría la primera opción es mas rápida y fácil y si quieres puedes añadirle un borde do color rosa, etc… Eso ya es cosa tuya.
    Saludos

  • #25502

    vmb
    Participante

    Gracias!!! traté de hacer lo primero, pero mis conocimientos son pocos y no supe como ponerlo :(, pero me resultó la segunda opción 🙂
    Si pudieras explicarme un poquito mas lo primero te estaría aun mas agradecida!!!
    Saludos, Verónica

  • #25506

    23r9i0
    Participante

    Claro que te lo puedo explicar!
    Pero necesito tener la plantilla para no cometer ningún error al explicártelo.
    Pero básicamente la primero opcion es poner todo el contenido dentro de un div para centrar el diseño.
    Suponiendo que tienes un archivo header.php "lo mas seguro que si" colocamos lo siguiente [code]<div id="contenedor">[/code]justo encima del div que se llame header.
    Luego tienes que editar el archivo footer.php y justamente antes de <body> colocamos lo siguiente </div> que nos cerrara el div llamado contenedor.
    Ahora editamos el archivo style.css añadiendo despues de body {margin:0;padding:0} lo siguiente:
    [code]#contenedor {width:855px;margin:0 auto;padding:0;} [/code]
    y ya esta!!
    Saludos

  • #25509

    vmb
    Participante

    😀 me resultó todo bien, muchas gracias!!
    saludos, verónica

  • #25520

    23r9i0
    Participante

    Hola!!
    Mira si quieres puedes poner en vez de margin:0 auto; cambiarlo por margin:10px auto asi el borde que has colocado se vera mejor.
    El 10 es simplemente un ejemplo puedes poner el que mejor te vaya.
    Saludos

    Sergio

  • #25545

    vmb
    Participante

    ya probé, gracias sergio! buen profesor.

El foro ‘Instalación / Actualización’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido