Ver Mensaje Individual
  #2 (permalink)  
Antiguo 04/06/2012, 14:28
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Texto dentro de una imagen usando css

Podés hacer algo asi

Código CSS:
Ver original
  1. #fondo1{
  2. background-image: url(bg.jpg);
  3. background-size:890px 340px;
  4. background-repeat:no-repeat;
  5. height: 350px;
  6. background-position:center center;
  7. width: 900px;
  8. margin-bottom: 10px;
  9. border: 1px solid #000;
  10. }

Analizándolo
tu capa contenedora es de 900 x 350
es de suponer que la imagen es de el mismo tamaño
con
background-size:890px 340px;
le decimos que el fondo ocupe 10px menos de alto y de ancho
luego con background-position la centramos en las dos dimesiones

La otra alternativa es hacer las imagens directamente del tamaño eseado y darles solo la posición con center center

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.