Foros del Web » Creando para Internet » CSS »

Ayuda alinear img con 960 Grid

Estas en el tema de Ayuda alinear img con 960 Grid en el foro de CSS en Foros del Web. Hola gente, estoy haciendo una web donde utilizo 960 Grid System Modiique el diseño en photoshop y lo estoy intentando pasar pero me encuentro que ...
  #1 (permalink)  
Antiguo 07/10/2010, 09:16
 
Fecha de Ingreso: abril-2008
Mensajes: 425
Antigüedad: 16 años
Puntos: 2
Ayuda alinear img con 960 Grid

Hola gente, estoy haciendo una web donde utilizo 960 Grid System
Modiique el diseño en photoshop y lo estoy intentando pasar pero me encuentro que tengo un monton de lios
Aca esta la imagen http://www.cosmeticosbahia.com.ar/inmo/citybuilding.jpg

El id lateral, e id imgcabecera quedan separados unos 10px,horizontalmente, es decir no queda pegado como en la imagen

Aca el html
Código HTML:
Ver original
  1. <div class="container_16">
  2.    
  3.     <div class="grid_4" alpha id="lateral" >
  4.          
  5.     </div> <!-- grid 4 -->
  6.    
  7.     <div class="grid_12" omega >
  8.          <img src="images/encabezado.jpg"  height="189" width="452" alt="cabecera"id="imgcabecera" />
  9.          
  10.     </div><!-- grid 10 --> 
  11.  
  12.  
  13.     </div> <!-- fin container 16-->

y aca el css

Código CSS:
Ver original
  1. body{
  2.    
  3.     background:#FFf;
  4.    
  5. }
  6. #imgcabecera {
  7.     clear:both;
  8.     width:452px;
  9.     height:189px;
  10.     float:left;
  11.     margin-left:0;
  12.     margin-top:0;
  13.    
  14.    
  15.     }
  16. #lateral{
  17.     clear:both;
  18.     width:160px;
  19.     height:600px;
  20.     float:left;
  21.     margin-left:0;
  22.     background-position:left;
  23.     background-image:url(../images/lateral.png);
  24.     background-repeat:no-repeat;
  25.     background-attachment: fixed;
  26.  
  27.     }

Espero haber sido clara y que me puedan echar una mano. desde ya GRACIAS de antemo
  #2 (permalink)  
Antiguo 07/10/2010, 18:58
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: Ayuda alinear img con 960 Grid

aver... no eh utilizado ese Framework por que prefiero mi codigo, pero bueno, viendo el jpg... eso es el PSD? o una captura de la maqueta en XTHML/CSS?... por que si te cuadra en el PSD no deberia ser dificil que cuadre en tu CSS, es decir si tu lo diseñaste pues sabes las dimensiones y margenes de cada objeto
__________________
Toroflix - movies.
  #3 (permalink)  
Antiguo 08/10/2010, 09:27
 
Fecha de Ingreso: abril-2008
Mensajes: 425
Antigüedad: 16 años
Puntos: 2
Respuesta: Ayuda alinear img con 960 Grid

bueno.. ese un jpg de mi psd, es una plantilla reformada, pero no hay caso que me quede uno pegado al otro....
la pregunta del millon es si el codigo que escribi esta bien...
y si es posible me pongan un codigo de como serian 2 divs pegados, uno como fondo y el otro como inagen

gracias por responder!!
  #4 (permalink)  
Antiguo 10/10/2010, 03:01
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: Ayuda alinear img con 960 Grid

Hola:

El código que muestras es insuficiente puede haber algún parámetro heredado.

Cita:
Iniciado por analoyra Ver Mensaje
y si es posible me pongan un codigo de como serian 2 divs pegados, uno como fondo y el otro como inagen
Esto no acabo de entenderlo de todo.

Saludos.

  #5 (permalink)  
Antiguo 10/10/2010, 06:58
 
Fecha de Ingreso: abril-2008
Mensajes: 425
Antigüedad: 16 años
Puntos: 2
Respuesta: Ayuda alinear img con 960 Grid

gracias por contestar! ya lo solucione, tenia arruinado el psd.. cuando le puse las grillas de 960 encima no me di cuenta que redimensione todo.... y luego pues no encajaban las medidas...
Hay que ser distraida!!!!

Etiquetas: Ninguno
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 20:39.