Foros del Web » Creando para Internet » CSS »

2 imagenes en el head

Estas en el tema de 2 imagenes en el head en el foro de CSS en Foros del Web. Me gustaria poner dos imagenes el en head, una a la izquierda, y la otra mas a la derecha, dejo aqui mi codigo CSS Código ...
  #1 (permalink)  
Antiguo 08/02/2011, 14:24
 
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 7 años, 7 meses
Puntos: 0
2 imagenes en el head

Me gustaria poner dos imagenes el en head, una a la izquierda, y la otra mas a la derecha, dejo aqui mi codigo

CSS
Código PHP:
#head {
      
margin:0px
      
margin-top:0px;
      
background-color#0284FE;
      
background-imageurl("../files/head1.jpg");
      
background-position:  left;
      
background-repeatno-repeat;
      
height140px;
      } 
  #2 (permalink)  
Antiguo 08/02/2011, 14:43
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 14 años, 10 meses
Puntos: 7
Respuesta: 2 imagenes en el head

Hola:

Quieres poner 2 imagenes dentro del head?? de fondo?? reemplazar el archivo head1.jpg??

Puedes explicarnos un poco mejor lo que buscas hacer??

Saludos.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]
  #3 (permalink)  
Antiguo 08/02/2011, 14:47
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: 2 imagenes en el head

crea dos div con la propiedad display:inline. en cada div insertas una imagen tal y como lo estás haciendo ahora
  #4 (permalink)  
Antiguo 08/02/2011, 14:52
 
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: 2 imagenes en el head

Armando tipo tu web, en una parte pone el nombre de la web, y en otro lado como el "eslogan". Lo hice todo en una imagen, pero depende la resolucion se mueve el "eslogan" hacia la izquierda, por eso habia pensado hacerlo con dos imagenes.

Si me podeis dejar un ejemplo de codigo lo agradeceria, isabelm e relizado lo que has dicho pero me queda un head arriba y el otro abajo.

gracias a los dos

Última edición por martines; 08/02/2011 a las 15:12
  #5 (permalink)  
Antiguo 10/02/2011, 05:13
 
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: 2 imagenes en el head

alguien mas me puede echar una mano?
  #6 (permalink)  
Antiguo 10/02/2011, 08:59
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: 2 imagenes en el head

Si tu #head es un div puedes incluir dentro de él cuantas imágenes quieras, aparte de la del fondo.
Puedes utilizar diferentes maneras de situar las imágenes.
Una puede ser permitir que floten (como hacen normalmente) y distanciarlas mediante márgenes.
Otra puede ser darle a #head la propiedad position:relative o position:absolute.
A continuación le das a las imágenes la propiedad position:absolute y la posición que desees usando las propiedades top, left, etc...
Debes asegurarte que el tamaño de #head sea suficiente para mostrar las imágenes. Puedes usar la propiedad min-width y/o la propiedad min-height para controlar el tamaño mínimo.

Etiquetas: head, imagenes
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:19.