Entrar

alineaciones de la plantilla

tuni · · Solicitar retirada
Nosesi me explicare pero por "jugar" en la pagina que estaba haiendo, por intentar poner "Esta sera lazona principal de la web" al lado de la lista, que lo consegui, el pie de pagina, se ha colocado tambien en ese lugar, y no consigo ponerlo debajo de todo, lo he intentado de miles de foras, pero es mi primera web y no es que sea un experto, ayudarme plis.. :wink:

Haber si con esto os aclaro como deberia estar:
http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-…
Deathly Snake · · Solicitar retirada
Hola! :wink:

Nos podrias poner los codigos de tu plantilla.html, y tu estilo-general.css ?

Asi es más fácil poder encontrar el error :wink:

Gracias! :wink:
tuni · · Solicitar retirada
A sus ordenes jaja

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

<html>
<head>
<title>Piezas maquetuning</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, disfrutad de ella.</div>
</div><div id="navegacion">Barra de Navegación</div>
<div id="menu">menu
<ul>
  • Maquetas 1:18
  • Maquetas 1:24
  • Piezas resina
  • Pedidos y consultas
    </div>
    <div id="contenido">Esta será la zona principal de la web</div>
    </div>

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

    Estilo-general.css:

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: red }
    #navegacion {background-color: silver }
    #contenido {background-color: orange ; width 800px ; float:center}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:center }
    #menu li { ...propiedades..... }
    #menu li { list-style:none ; margin: 4px 0px 4px 10px }
    #pie {background-color: brown}
    a {color: orange; font-size:1.00em ; text-decoration:none ; display: block }
    a:link {}
    a:visited {color: purple}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active
    • Deathly Snake · · Solicitar retirada
    A ver a ver :wink:

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

    <html>
    <head>
    <title>Piezas maquetuning</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, disfrutad de ella.</div>
    </div><div id="navegacion">Barra de Navegación</div>
    <div id="menu">menu
    <ul>
  • Maquetas 1:18
  • Maquetas 1:24
  • Piezas resina
  • Pedidos y consultas
    </div>
    <div id="contenido">Esta será la zona principal de la web</div>
    </div>

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

    Lo rojo, lo que tenés que borrar, lo verde lo que tenés que agregar :wink:

    Tenés dos </div> que estan mal ubicados, y estas cerrando el div global justo despues de la cabecera, cuando en realidad deberia ser despues del pie :wink:

    Intentalo y nos cuentas :wink: