Foros del Web - Ver Mensaje Individual

Wolfchamane · #2 (**permalink**) 10/08/2012, 04:13

Ya tengo solucionado mi problema.
He aquí el código:

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test</title>
  
    <link rel="stylesheet" type="text/css" href="style.css">
  
  </head>
  <body>
 
    <div id="wrapper">
     
        <!-- incluyo muchos enlaces para provocar el efecto al cambiar el tamaño -->
        <a id="link01" class="link_w_img"></a>
        <a id="link02" class="link_w_img"></a>
        <a id="link03" class="link_w_img"></a>
        <a id="link04" class="link_w_img"></a>
        <a id="link05" class="link_w_img"></a>
        <a id="link06" class="link_w_img"></a>
        <a id="link07" class="link_w_img"></a>
        <a id="link08" class="link_w_img"></a>
        <a id="link09" class="link_w_img"></a>
        <a id="link10" class="link_w_img"></a>
        <a id="link11" class="link_w_img"></a>
        <a id="link12" class="link_w_img"></a>
        
        <a id="link13" class="link_w_img"></a>
        <a id="link14" class="link_w_img"></a>
        <a id="link15" class="link_w_img"></a>
        <a id="link16" class="link_w_img"></a>
        <a id="link17" class="link_w_img"></a>
        <a id="link18" class="link_w_img"></a>
        <a id="link19" class="link_w_img"></a>
        <a id="link20" class="link_w_img"></a>
        <a id="link21" class="link_w_img"></a>
        <a id="link22" class="link_w_img"></a>
 
        <div id="clear"></div>
    </div>
 
  </body>
</html>

Código CSS:

Ver original#wrapper
{
   /* el div wrapper ha de tener un tamaño fijo */
   width: 1000px; 
   height: 50px;
   display: inline-block;
   overflow: auto;
}
 
#clear
{
  clear: both;
  width: 100%;
}
 
.link_w_img
{
   background: url('01.JPG') no-repeat;
   margin-left: 2px;
   width: 40px;
   height: 40px;
   float: left;
   cursor: pointer;
}