Entrar

curva-inferior a la izquierda

Elene · · Solicitar retirada
Hola!

Muchas gracias por crear esta web! Me gusta!

He puesto todo tal y como se indica, pero al mirar la vista previa, la curva inferior me sale con un pixel de separación del resto. Y al subirlo y abrir el Firefox, está a la izquierda. He probado a hacer align: centre, por si servía, pero nada.

¿Me podéis ayudar, please?
Ahora mismo mi hoja de estilos general está así:

* {margin:0px ; padding:0px ; border: 0px}
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: wite ; 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 }
#navegacion {background-color: silver ; border: black 1px solid }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
p {text-align: justify}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin: 10px 10px 10px 10px}
#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 {}
#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 }
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}


Muchas gracias!!!
Elena
Yaneth · · Solicitar retirada
hola

tienes varios errores

1-te falta cerrar el ul (te lo puse en rojo)

<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>

    y has cerrado la div global antes de la curva inferior

    deberias tenerlo asi:

    <div id="pie">Este es el pié de página</div>

    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>


    saludos
    • power · · Solicitar retirada
    prueba a ponerle al texto Este es el pie de pagina un definicion por ejemplo:

    <p class="mayus">aqui el texto</p>

    y en la hoja de estilos

    .mayus {····························}

    :arrow: y esque no tengo las imagenes y no lo puedo hacer en mi ordenador pero si no es esto ultimo prueba a poner esto

    el <div id="curva-inferior"></div> justo en la linea de pie quedando asi el codigo

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

    <html>
    <head>
    <title>Plantilla</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">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>
    <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
    sangrias 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">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>



    • Elene · · Solicitar retirada
    Sí! Perfecto! Ahora ya tengo el logotipo en su sitio y las curvas centraditas.

    Muchas gracias!