Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 5 de 5

Tema: Duda sobre poner una foto en la cabecera centrada???

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    21 dic, 10
    Mensajes
    54
    Poder de Reputación
    16

    Duda sobre poner una foto en la cabecera centrada???

    Muy buenas;
    Soy nueva e inexperta en esto de las plantillas y ando experimentando, mi duda es sobre poner una foto centarada y al tamaño de toda la cabecera, he intentado modificar la hoja de estilo pero no sale centarada ni al tamaño que necesito: aqui pongo la hoja de estilos por si veis mi fallo
    #header {
    background-image:url(images/header.jpg);
    width:489px;
    height:333px;
    display:block;}
    #border {
    background-image:url(images/border.gif);
    background-repeat: repeat-y;
    width:979px;}
    #main {
    background-image:url(images/contentbg.gif);
    background-color:#abe4fe;
    margin: 0px 12px 0px 10px;
    background-repeat: repeat-x;}
    #left {
    width:261px;
    float:left;
    display:inline;
    background-image:url(images/contentbg.gif);
    background-color:#abe4fe;}
    ¿Que puede ser?
    Agradeceria consejos...., el caso es que he probado todo lo que se me a ocurrido y nada de nada....¿ Me podeis aconsejar?
    Espero VUESTRA AYUDA,OS ESPERO GRACIAS DE ANTEMANO... Saludos...

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de spitfire2
    Fecha de Ingreso
    04 sep, 10
    Ubicación
    ARGENTINA...!!!
    Mensajes
    736
    Poder de Reputación
    19
    Hola, podrias hacerlo en la plantilla.html

    <div id="header">
    <div align="center">[img]ruta/imagen.gif[/img]
    </div>
    </div>

    (encieras la imagen en un div y centras este div, eso funciona en todos los navegadores)

    -Mira en esta parte del curso paso a paso :
    http://www.comocreartuweb.com/html-k...-imagenes.html

    -muestranos tu plantilla.html Saludos

  3. #3
    Me va gustando esto... Habitante
    Fecha de Ingreso
    21 dic, 10
    Mensajes
    54
    Poder de Reputación
    16
    Gracias por tu respuesta pero la verdad;
    soy nueva en esto y no me funciona por más que intento no sale centrado¡¡¡
    te explico deseo modificar la imagen en esta plantilla (la pego entera)
    y deseo ponerle una foto con mucha calidad (2,17 megas)
    en la parte superior como esta ahi
    pero no puedo ¿que tengo que hacer?
    No quiero que se modifique la imagen¡¡¡
    Me puedes guiar????
    Bueno de antemano te agradezco el interés por hecharme un cable!!!!
    Gracias y Buena entrada en 2011!!! Desde Granada Spain!!!
    Saludos.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Salt and Soap</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
    <div id="header"> </div>
    <div id="border">
    <div id="main">

    <div id="left">
    <div id="menu">
    <ul>[*]Home[*]Lotions &amp; Creams[*]Bath Salts
    [*]Shampoo &amp; Shower Gel[*]Bubble Bath[*]Gift Baskets[*]Lip Balms &amp; Candle[*]Tarts Bath
    [*]Teas &amp; Gel Candles[*]Fragrance List[*]Pets[*]Recipes[*]Favorite Links
    [*]Information Board[*]Whats New[*]Order Form
    <li class="lastchild">Terms &amp; Policies[/list]
    </div>

    <div id="menubottom">
    <ul>[*]Home[*]About us[*]Contact[/list]
    </div>

    </div>
    <div id="right">
    <div class="content">
    <h3>Welcome</h3>


    Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>


    This is a template designed by free website templates for you for free you can replace all the text by your own
    text. This is just a place holder so you can see how the site would look like.</p>


    You can remove any link to our websites from this template you're free to use the template without linking
    back to us. Don't want your boss to know you used a free website template ;) .</p>



    If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>


    If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>


    To find great hosting providers visit Web Hosting Zoom.</p>
    </div>
    <div class="product">
    <h3>Products</h3>
    [img]images/product1.gif[/img] [img]images/product2.gif[/img] [img]images/product3.gif[/img] [img]images/product4.gif[/img] [img]images/product5.gif[/img] [img]images/product6.gif[/img] [img]images/product7.gif[/img] [img]images/product8.gif[/img]

    <div class="clear"></div>
    </div>
    </div>
    <div class="clear"></div>
    </div>
    </div>
    <div id="footer">
    <div id="copyright"> <span>© Copyright Salt and Soap.com, 2006.


    designed by free website templates</span> </div>
    <div id="payment">[img]images/paypal.gif[/img]</div>
    </div>
    <div id="footerend"></div>
    </div>
    </body>
    </html>

  4. #4
    Me va gustando esto... Habitante
    Fecha de Ingreso
    21 dic, 10
    Mensajes
    54
    Poder de Reputación
    16

    Sigo = No puedo centrar la foto sin modificarla imagen

    Gracias por tu respuesta pero la verdad;
    soy nueva en esto y no me funciona por más que intento no sale centrado¡¡¡
    te explico deseo modificar la imagen en esta plantilla (la pego entera)
    y deseo ponerle una foto con mucha calidad (2,17 megas)
    en la parte superior como esta ahi
    pero no puedo ¿que tengo que hacer?
    No quiero que se modifique la imagen¡¡¡
    Me puedes guiar????
    Bueno de antemano te agradezco el interés por hecharme un cable!!!!
    Gracias y Buena entrada en 2011!!! Desde Granada Spain!!!
    Saludos.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Salt and Soap</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
    <div id="header"> </div>
    <div id="border">
    <div id="main">

    <div id="left">
    <div id="menu">
    <ul>[*]Home[*]Lotions &amp; Creams[*]Bath Salts
    [*]Shampoo &amp; Shower Gel[*]Bubble Bath[*]Gift Baskets[*]Lip Balms &amp; Candle[*]Tarts Bath
    [*]Teas &amp; Gel Candles[*]Fragrance List[*]Pets[*]Recipes[*]Favorite Links
    [*]Information Board[*]Whats New[*]Order Form
    <li class="lastchild">Terms &amp; Policies[/list]
    </div>

    <div id="menubottom">
    <ul>[*]Home[*]About us[*]Contact[/list]
    </div>

    </div>
    <div id="right">
    <div class="content">
    <h3>Welcome</h3>


    Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>


    This is a template designed by free website templates for you for free you can replace all the text by your own
    text. This is just a place holder so you can see how the site would look like.</p>


    You can remove any link to our websites from this template you're free to use the template without linking
    back to us. Don't want your boss to know you used a free website template ;) .</p>



    If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>


    If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>


    To find great hosting providers visit Web Hosting Zoom.</p>
    </div>
    <div class="product">
    <h3>Products</h3>
    [img]images/product1.gif[/img] [img]images/product2.gif[/img] [img]images/product3.gif[/img] [img]images/product4.gif[/img] [img]images/product5.gif[/img] [img]images/product6.gif[/img] [img]images/product7.gif[/img] [img]images/product8.gif[/img]

    <div class="clear"></div>
    </div>
    </div>
    <div class="clear"></div>
    </div>
    </div>
    <div id="footer">
    <div id="copyright"> <span>© Copyright Salt and Soap.com, 2006.


    designed by free website templates</span> </div>
    <div id="payment">[img]images/paypal.gif[/img]</div>
    </div>
    <div id="footerend"></div>
    </div>
    </body>
    </html>

  5. #5
    Esto empieza a ser un vicio... Habitante Avatar de spitfire2
    Fecha de Ingreso
    04 sep, 10
    Ubicación
    ARGENTINA...!!!
    Mensajes
    736
    Poder de Reputación
    19
    Mira, esta de abajo es la plantilla que mostraste, pero con la modificacion en el header, lo que agregue lo puse en rojo, pruebala y luego vemos.
    Seria bueno que muestres una captura de pantalla para ver como sale.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Salt and Soap</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
    <div id="header"> <div align="center">[img]images/header.jpg[/img]
    </div>
    </div>
    <div id="border">
    <div id="main">

    <div id="left">
    <div id="menu">
    <ul> [*]Home [*]Lotions &amp; Creams [*]Bath Salts
    [*]Shampoo &amp; Shower Gel [*]Bubble Bath [*]Gift Baskets [*]Lip Balms &amp; Candle [*]Tarts Bath
    [*]Teas &amp; Gel Candles [*]Fragrance List [*]Pets [*]Recipes [*]Favorite Links
    [*]Information Board [*]Whats New [*]Order Form
    <li class="lastchild">Terms &amp; Policies [/list]
    </div>

    <div id="menubottom">
    <ul> [*]Home [*]About us [*]Contact [/list]
    </div>

    </div>
    <div id="right">
    <div class="content">
    <h3>Welcome</h3>


    Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>


    This is a template designed by free website templates for you for free you can replace all the text by your own
    text. This is just a place holder so you can see how the site would look like.</p>


    You can remove any link to our websites from this template you're free to use the template without linking
    back to us. Don't want your boss to know you used a free website template .</p>



    If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>


    If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>


    To find great hosting providers visit Web Hosting Zoom.</p>
    </div>
    <div class="product">
    <h3>Products</h3>
    [img]images/product1.gif[/img] [img]images/product2.gif[/img] [img]images/product3.gif[/img] [img]images/product4.gif[/img] [img]images/product5.gif[/img] [img]images/product6.gif[/img] [img]images/product7.gif[/img] [img]images/product8.gif[/img]

    <div class="clear"></div>
    </div>
    </div>
    <div class="clear"></div>
    </div>
    </div>
    <div id="footer">
    <div id="copyright"> <span>© Copyright Salt and Soap.com, 2006.


    designed by free website templates</span> </div>
    <div id="payment">[img]images/paypal.gif[/img]</div>
    </div>
    <div id="footerend"></div>
    </div>
    </body>
    </html>

Temas Similares

  1. Tengo un problema para poner la foto sobre el fondo!!!!!
    Por _-loko-_ en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 3
    Último Mensaje: 27/03/2009, 01:49
  2. duda sobre poner bordes
    Por Damien en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 1
    Último Mensaje: 08/01/2009, 09:52

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •