Problema con la maquetación de la web.

kuert · #1 (**permalink**) 22/12/2010, 11:03

Hola buenas,

Hasta el momento siempre habia diseñado las webs con tablas, pero quiero aprender a utilizar div y css, asi que estoy intentando diseñar una web con eso, pero tengo alguns problemillas.

La web esta en http://www.bandadels13.com/index2.html

-Me gustaria poner el logo, arriba del todo a la izquiera, he intentado ponerlo dentro de un div, y poner a el div la posicion pero no se me mueve....

- Por otro lado el menu que le he puesto, es un menu de un plugin de menus jquery, quiero ponerlo al lado del menu y tampoco se me mueve.

- Si quito el espacio que hay entre el menu, y las columnas de abajo, esas se me mueven todos y no se porque.

- La columna de la izquierda me deja un marjen (no hay fondo de color marron) con la parte horizontal de arriba.

Como vereis estoy partiendo de una estructura predefinida que da dreamwaver.

A ver si alguien puede echarme una mano.

Muchas Gracias

Saludos.

emprear · #2 (**permalink**) 22/12/2010, 13:41

Por empezar

Código HTML:

Ver original<style type="text/css">
.logo {
    height: 207px;
    width: 220px;
    position: fixed;
    left: 100%;
    top: 100%;
}
</style>
</head>
 
<body>
 
<div class="container">
  <div class="header"><!-- end .header -->
    <p>&nbsp;</p>
    <img src="albert-logo.png" width="220" height="207" />
    <div id="menu">

Donde estas utilizando tu class="logo" ?
Por qué un <p> </p> antes de tu imagen?
usa
top: 0px;
left: 0px;

empezá por eso, esas son fallas más que evidentes, asi que por favor antes de postear concentrate en la lectura de tu código

Saludos

Felices Fiestas para todos los integrantes de FDW !!!

kuert · #3 (**permalink**) 22/12/2010, 14:27

Hola,

si perdona esos errors son porque he estado haciendo pruebas, ya que no me salia.

Pero a ver,

La imagen la tengo que poner dentro de la clase logo y entonces posicionar esta clase, o simplemente pongo la imagen? El menu debe ir dentro de otra clase, o puedo posicionar directamente la clase menu?

Muchas Gracias

Perdonen pero soy nuevo con eso de las capas div y no me aclaro mucho.

Saludos

loncho_rojas · #4 (**permalink**) 22/12/2010, 14:35

Bueno, mira.. como esto se trata de aprender, te explico algo.

Un Div o capa, es similar a un contenedor, una caja o una celda, a la cual le das el tamaño de alto y ancho que quieras...

la diferencia con una celda de una tabla es que la posicion que ocupe, no es estatica o dura como una celda de tabla.

Otra diferencia, es que le puedes dar margenes externos y padding, pero controlar que lo hagas a cualquiera de los cuatro lados, a la distancia que quieras.

si entiendes lo que son los DIV, te sera mas facil manejarte con el codigo, pue slo manipularias solo con CSS