Entrar

curva superior

Mone · · Solicitar retirada
Hola por alguna razon no me sale la curva superior, aqui les dejo la hoja de estilos-general mas la plantilla.html

* {text-ident:0px ; 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 }
#cabecera {background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid}
#navegacion {background-color: gray ; border: black 1px solid}
#contenido {background-color: orange ; width: 800px ; text-align: left ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 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 }
#pie {background-color: brown ; border: black 1px solid}
a {color: brown ; 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}
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}


<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-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 aqui.</p>
    <h2>Y este es el tercero párrafo.</h2>

    En pocas lecciones aprenderé a darle margenes para seperarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera linea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseña a ponerlos alineados a la izquierda, o justificados. Asi esto parece una poesia! je je je.
    </div>
    <div id="pie">Esta es el pié de página</div>
    </div>
    </body>
    </html>

    gracias
    • Mone · · Solicitar retirada
    ya me salio la curva pero con un pequeño hueco en blanco seran como 2px entre el final de la curva y donde empieza la cabezera.
    Raulyure · · Solicitar retirada
    Mone escribió:Hola por alguna razon no me sale la curva superior, aqui les dejo la hoja de estilos-general mas la plantilla.html

    * {text-ident:0px ; 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 }
    #cabecera {background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid}
    #navegacion {background-color: gray ; border: black 1px solid}
    #contenido {background-color: orange ; width: 800px ; text-align: left ; border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p {padding: 5px 10px 5px 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 }
    #pie {background-color: brown ; border: black 1px solid}
    a {color: brown ; 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}
    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}


    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilos-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 aqui.</p>
    <h2>Y este es el tercero párrafo.</h2>

    En pocas lecciones aprenderé a darle margenes para seperarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera linea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseña a ponerlos alineados a la izquierda, o justificados. Asi esto parece una poesia! je je je.
    </div>
    <div id="pie">Esta es el pié de página</div>
    </div>
    </body>
    </html>

    gracias
    • Hola:
    Parece ser, según los códigos que usted ha puesto acá, que en la primera línea de su hoja de estilo, (donde está el selector universal *) (ese del asterisco), usted tiene puesto text-ident, y lo correcto sería text-indent
    Puede que por ahora no le genere problemas pero seguro que más adelante si lo hará.
    También en su hoja de estilo allí donde tiene la etiqueta h2 tiene puesto font.size y debiera de ser font-size
    Bueno, Saludos