Entrar

Ayuda comenzando la leccion 3

robertweb · · Solicitar retirada
8) Hola q tal soy nuevo en esto y me he quedado trancado en la parte de la leccion 3 donde dice redondear las esquinas con las imagenes.....me viene quedando asi y no deberia quedar asi....http://tekkentagt2.mygamesonline.org/plantilla.html

Esta es mi plantilla:

<!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">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 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">Este es el pié de página</div>
    </div>

    </body>
    </html>


    Y esta mi hoja de estilo :

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center}
    #cabecera { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid }
    #navegacion {background-color: pink ; border: black 1px solid }
    #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {padding: 5px 10px 5px 10px: 5px 10px 5px 10px ; text-indent: 15px}
    #pie {background-color: brown ; border: black 1px solid }
    #global {width:800px ; margin: 4px auto }
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ;margin:3px 10px 3px 3px}
    #menu li { ...propiedades..... }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: blue; font-size:1.3em ; text-decoration: none}
    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}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px }

    Agradezco ayuda.
    • spitfire2 · · Solicitar retirada
    es que tienes que subir nuevamente tu archivo plantilla.html, porque todavia esta el anterior, antes de que agregaras las curvas

    te muestro el codigo que tienes subido en tu servidor:

    <!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="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 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">Este es el pié de página</div>
    </div>

    </body>
    </html>

    como ves, le falta <div id="curva-superior"></div>
    y me parece que tampoco haz subido la imagen curva-superior.gif , saludos.