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

Tema: Duda del porque no me aparece la imagen en el menu!

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    24 jul, 07
    Mensajes
    140
    Poder de Reputación
    19

    Duda del porque no me aparece la imagen en el menu!

    Buenas!

    Pues me ha dado por investigar como se utiliza este programa...jeje Y vamos, que el cuadro superior del menu no me sale, ni el inferior tampoco sabeis porque deveria quedarme asi: http://www.comocreartuweb.com/html-k...ntilla-35.html , fijaros solo en el "cuadro blanco" del meno, que esta en dos partes y a mi me queda asi: http://img257.imageshack.us/img257/8199/dudaox3.png


    Os pongo el html y el estilo:

    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="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[img]objetos/logotipo.gif[/img]</div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul>[*]Sección 1[*]Sección 2[*]Sección 3[/list]
    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>[*]Enlace 1[*]Enlace 2[*]
    Enlace 3[*]Enlace 4[/list]
    </div>
    <h1>Esta será la zona principal de la web</h1>


    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í.</p>
    <h2>Y este es el tercer párrafo.</h2>


    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.</p>


    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">
    <div id="pieuno">pie uno</div>
    <div id="piedos">pie dos</div>
    <div id="pietres">pie tres</div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>


    Estilos:

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    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 }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 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 }
    #menu h1 {#menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #pie { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}


    saludos y gracias!

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    06 jul, 07
    Ubicación
    Mar Del Plata, Argentina
    Mensajes
    699
    Poder de Reputación
    22
    Holaaa
    Este es tu codigo css:

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    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 }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 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 }
    #menu h1 {#menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #pie { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}

    Lo rojo hay que borrarlo, por lo que quedaría así

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    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 }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #pie { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}

    Ahora, a agregar lo verde


    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    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 }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {background-image: url("objetos/menu-parte-inferior.gif") ; width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #pie { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}

    Intentalo !

  3. #3
    Me va gustando esto... Habitante
    Fecha de Ingreso
    24 jul, 07
    Mensajes
    140
    Poder de Reputación
    19
    Many thanks! Ya va mejor, pero aun falta la parte de abajo con las esquinas redondeadas, ahora lo veo asi: http://img209.imageshack.us/img209/6467/duda2hw2.png

    Pongo otra vez el html y los estilos:

    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="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[img]objetos/logotipo.gif[/img]</div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul>[*]Sección 1[*]Sección 2[*]Sección 3[/list]
    </div>
    <div id="contenido">
    <div id="menu">
    [img]objetos/menu-curva-superior.gif[/img]
    <h1>Título de Sección 1</h1>
    <ul>[*]Enlace 1[*]Enlace 2[*]
    Enlace 3[*]Enlace 4[/list][img]objetos/menu-parte-inferior.gif[/img]
    </div>
    <h1>Esta será la zona principal de la web</h1>


    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í.</p>
    <h2>Y este es el tercer párrafo.</h2>


    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.</p>


    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">
    <div id="pieuno">pie uno</div>
    <div id="piedos">pie dos</div>
    <div id="pietres">pie tres</div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Estilos:

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    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 }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {background-image: url("objetos/menu-parte-inferior.gif") ; width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #pie { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}

    saludos!

    PD: muchas gracias Deathly Snake

  4. #4
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    06 jul, 07
    Ubicación
    Mar Del Plata, Argentina
    Mensajes
    699
    Poder de Reputación
    22


    <!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="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[img]objetos/logotipo.gif[/img]</div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul> [*]Sección 1 [*]Sección 2 [*]Sección 3 [/list]
    </div>
    <div id="contenido">
    <div id="menu">
    [img]objetos/menu-curva-superior.gif[/img] <h1>Título de Sección 1</h1>
    <ul>[*]Enlace 1[*]Enlace 2[*]
    Enlace 3[*]Enlace 4[/list][img]objetos/menu-parte-inferior.gif[/img]
    </div>
    <h1>Esta será la zona principal de la web</h1>


    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í.</p>
    <h2>Y este es el tercer párrafo.</h2>


    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.</p>


    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">
    <div id="pieuno">pie uno</div>
    <div id="piedos">pie dos</div>
    <div id="pietres">pie tres</div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Intenta borrando lo rojo

  5. #5
    Me va gustando esto... Habitante
    Fecha de Ingreso
    01 feb, 08
    Ubicación
    Santiago de Chile
    Mensajes
    128
    Poder de Reputación
    19
    si tu error es lo del logo, pone esto donde va la ruta de la imagen o el nombre:
    http://www.comocreartuweb.com/html-k...s/logotipo.gif

    osea:
    <a href="index.html">


    suerteee
    GRACIAS JORGENS!!...

    .

  6. #6
    Me va gustando esto... Habitante
    Fecha de Ingreso
    24 jul, 07
    Mensajes
    140
    Poder de Reputación
    19
    Buenas

    zoirprithoxd, gracias pero mi error no ere ese...jeje Eso no lo tenia puesto sin mas...No se porque.

    Deadly snake, quitando lo rojo, me queda como al principio, con el fondo gris pero sin las esquinas redondeadas!

    saludos y gracias

  7. #7
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    06 jul, 07
    Ubicación
    Mar Del Plata, Argentina
    Mensajes
    699
    Poder de Reputación
    22
    Mira esto

    <!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="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[img]objetos/logotipo.gif[/img]</div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul> [*]Sección 1 [*]Sección 2 [*]Sección 3 [/list]
    </div>
    <div id="contenido">
    <div id="menu">
    [img]objetos/menu-curva-superior.gif[/img]
    <h1>Título de Sección 1</h1>
    <ul>[*]Enlace 1[*]Enlace 2[*]
    Enlace 3[*]Enlace 4[/list][img]objetos/menu-parte-inferior.gif[/img]
    </div>
    <h1>Esta será la zona principal de la web</h1>


    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í.</p>
    <h2>Y este es el tercer párrafo.</h2>


    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.</p>


    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">
    <div id="pieuno">pie uno</div>
    <div id="piedos">pie dos</div>
    <div id="pietres">pie tres</div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    En lo rojo haz especificado que el menú busque una imágen llamada "menu-curva-superior.gif" ; mientras que la imagen real se llama menu-parte-superior.gif

    Lo que tienes que hacer es cambiar la palabra curva, por la palabra parte

    Lo intentas y nos cuentas?

  8. #8
    Me va gustando esto... Habitante
    Fecha de Ingreso
    24 jul, 07
    Mensajes
    140
    Poder de Reputación
    19
    Muchisimas gracias tio! Eres el jefe...si puedo ayudarte con alguna cosa me dices eee?jeje Ahora el unico fallo que tengo es que en la parte de abajo no tengo las esquinas redondeadas...pero el fondo ya esta...

    saludos

  9. #9
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    06 jul, 07
    Ubicación
    Mar Del Plata, Argentina
    Mensajes
    699
    Poder de Reputación
    22
    Disculpame se me habia olvidado este tema

    El codigo, para que quede perfectamente bien, debe quedar así:

    estilo-general.css:
    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    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 }

    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width:280px ; float:left }
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white}
    #logotipo a:active {}
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {background-color: lorange ; width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom ;
    padding-bottom:5px }
    #menu li {list-style:none ; margin: 4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #pie { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid;
    border-top: black 1px solid ; height: 65px }

    #pieuno {float:left ; width: 150px;}
    #pie li {list-style: none ; front-size: 12px }
    #piedos {float:left ; width: 498px}
    #pietres{float:left ; width: 150px;}

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}

    #pie a {color:blue ; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color: black ; text-decoration:underline ; background-color: white }
    #pie a:active {color:black ;}


    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="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[img]objetos/logotipo.gif[/img]</div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul>[*]Sección 1[*]Sección 2[*]Sección 3[/list]
    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>[*]Enlace 1[*]Enlace 2[*]
    Enlace 3[*]Enlace 4[/list]
    </div>
    <h1>Esta será la zona principal de la web</h1>


    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í.</p>
    <h2>Y este es el tercer párrafo.</h2>


    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.</p>


    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">
    <div id="pieuno">
    <ul>[*]foro ejemplo[*]contactanos[*]<a href#"#">nos enlazan</a>[/list]
    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>[*]<a href"#">directorio</a>[*]<a href"#">topsite</a>[*]<a href"#">mapa de la web</a>
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>



  10. #10
    Me va gustando esto... Habitante
    Fecha de Ingreso
    24 jul, 07
    Mensajes
    140
    Poder de Reputación
    19
    Muchas gracias colega, you´re the best....jeje el error es mio, ya que la curva inferior del menu, de ancho mide 150px, y la superior solo mide 126px, entonces es imposible ponerlo bien asi sin mas...pero bueno me arreglare!

    saludos y gracias!

  11. #11
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    06 jul, 07
    Ubicación
    Mar Del Plata, Argentina
    Mensajes
    699
    Poder de Reputación
    22
    Me alegro de que tu problema se haya resuelto

Temas Similares

  1. Porque cuando pongo una imagen me cambia todo
    Por wero en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 1
    Último Mensaje: 25/02/2008, 23:59
  2. No se porque aparece esto en google...
    Por xekin en el foro Promoción
    Respuestas: 10
    Último Mensaje: 13/11/2007, 15:13

Permisos de Publicación

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