Foros del Web » Creando para Internet » Diseño web »

Problema con la maquetación de la web.

Estas en el tema de Problema con la maquetación de la web. en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/12/2010, 11:03
 
Fecha de Ingreso: marzo-2009
Ubicación: Amposta
Mensajes: 19
Antigüedad: 8 años, 8 meses
Puntos: 0
Problema con la maquetación de la web.

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.
  #2 (permalink)  
Antiguo 22/12/2010, 13:41
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Problema con la maquetación de la web.

Por empezar

Código HTML:
Ver original
  1. <style type="text/css">
  2. .logo {
  3.     height: 207px;
  4.     width: 220px;
  5.     position: fixed;
  6.     left: 100%;
  7.     top: 100%;
  8. }
  9. </head>
  10.  
  11.  
  12. <div class="container">
  13.   <div class="header"><!-- end .header -->
  14.     <p>&nbsp;</p>
  15.     <img src="albert-logo.png" width="220" height="207" />
  16.     <div id="menu">


Donde estas utilizando tu class="logo" ?
Por qué un <p>&nbsp;</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 !!!
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 22/12/2010, 14:27
 
Fecha de Ingreso: marzo-2009
Ubicación: Amposta
Mensajes: 19
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Problema con la maquetación de la web.

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
  #4 (permalink)  
Antiguo 22/12/2010, 14:35
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 9 años, 1 mes
Puntos: 175
Respuesta: Problema con la maquetación de la web.

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
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:27.