Entrar

He terminado la 2ª leccion y he tenido ke hacer un cambio

drakorvm · · Solicitar retirada
en estilo-general.css en la linia de:

#contenido {background-color: orange ; width: 800px ; float:left }
en vez de esto he puesto solo:
#contenido {background-color: orange }
porque si no lo de 'Este es el pie de pagina' en lugar de salirme debajo de la zona naranja me salia al lado. Me podeis explicar por que? Espero vuestras respuestas y si hace falta os escribire el codigo.
Muchas gracias.
drakorvm · · Solicitar retirada
drakorvm escribió:en estilo-general.css en la linia de:

#contenido {background-color: orange ; width: 800px ; float:left }
en vez de esto he puesto solo:
#contenido {background-color: orange }
porque si no lo de 'Este es el pie de pagina' en lugar de salirme debajo de la zona naranja me salia al lado. Me podeis explicar por que? Espero vuestras respuestas y si hace falta os escribire el codigo.
Muchas gracias.



ad+ no me reconoce la anchura y no me he saltado ningun paso. Lo que es la imagen de la web me coge el explorador entero, menos el borde redondeado superior que si que me lo reduce
Novato · · Solicitar retirada
Hola, para ver donde puede estar el error copia y peganos los codigos que tienes en plantilla.html y en la hoja de estilos, un saludo.
drakorvm · · Solicitar retirada
<!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="golbal">
<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>



    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid }
    #navegacion {background-color: gray ; 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}
    #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}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px }
    • ariviti · · Solicitar retirada
    buenas,

    en el codigo html tienes <div id="golbal" y en la hoja de estilos #global

    prueba a ver si cambiando el GOLBAL por el GLOBAL se te soluciona el problema, y nos cuentas