Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/10/2010, 11:52
c0w
 
Fecha de Ingreso: enero-2008
Mensajes: 146
Antigüedad: 16 años, 10 meses
Puntos: 0
Resize imagen background

Buenas,

tengo el siguiente css:

Código CSS:
Ver original
  1. .image_border {
  2.   float:left;
  3.   width:175px;
  4.   height:120px;
  5.   border:1px solid #0F1720;
  6.   padding:1px;
  7.   margin:0px 0px 10px 0px;
  8.   background-repeat:no-repeat;
  9.   background-position:center;
  10.   overflow:hidden;
  11.   background-color:#2F4762;
  12.   cursor:pointer;
  13. }
  14.  
  15. .image_border_center {
  16.   float:left;
  17.   width:175px;
  18.   height:120px;
  19.   border:1px solid #0F1720;
  20.   padding:1px;
  21.   margin:0px 6px 10px 6px;
  22.   background-repeat:no-repeat;
  23.   background-position:center;
  24.   overflow:hidden;
  25.   background-color:#2F4762;
  26.   cursor:pointer;
  27. }
  28.  
  29. .image_cont {
  30.   width:175px;
  31.   height:23px;
  32.   background-color:#111111;
  33.   z-index:1;
  34.   filter:alpha(opacity=65);
  35.   -moz-opacity:.65;
  36.   -khtml-opacity:.65;
  37.   opacity:.65;
  38.   clear:both;
  39.   position:relative;
  40.   top:97px;
  41.   left:0px;
  42. }
  43.  
  44. .image_text {
  45.   background-color:transparent;
  46.   z-index:2;
  47.   position:relative;
  48.   top:80px;
  49.   left:0px;
  50.   font-family:Arial, Helvetica, sans-serif;
  51.   font-weight:bold;
  52.   text-align:center;
  53. }
  54.  
  55. .myweb_check {
  56.   float:left;
  57.   margin:-4px 0px 0px 0px;
  58. }

y el div
Código HTML:
Ver original
  1. <div onclick="window.open('examples/asdasd.gif','mywindow','width=400,height=200,left=200,top=200,screenX=200,screenY=200,resizable=1,scrollbars=0,toolbar=0,location=0,directories=0,status=0,menubar=0')" class="image_border" style="background-image:url(examples/asdasd.gif)">
  2.           <div class="image_cont"></div>
  3.           <div class="image_text"><div class="myweb_check"><input name="" type="checkbox" value="" /></div> Darkside (Verde)</div>
  4.           </div>

El problema es que quiero que la imagen de fondo, sea siempre de 175 x 120 como una imagen normal que le pones height y width, y no lo puedo hacer con <img>, ya que tengo otro objeto ensima y lo taparia.

Mil gracias!