Вот так получается (картинка 1)
Задний фон серый он растягивается  его код:

#righpanel
     {
    position:absolute; 
    right:0px; 
    top:67px; 
    width:316px; 
    background-image:url(images/bg_rightblock.gif);
     }    

вставляю картинки в блок (#righpanel) они разъезжаются код картинок

.plug1
   {
            margin-left:4px;  
    top:0px;
    width:95px;
    height:76px;
   }

.plug2
   {
            margin-left:0px;
    top:0px;
    width:96px;
    height:76px;
   }   
   
.plug3
   {
            margin-left:0px;
    margin-top:0px;
    width:99px;
    height:76px;
   }   
   
.plug11
   {
            margin-left:4px;
    margin-top:0px;
    width:96px;
    height:76px;
   }



код:
           <div id="righpanel">
                          <img src="images/plug1.gif" class="plug1"/>  
                          <img src="images/plug2.gif" class="plug2"/>
          <img src="images/plug3.gif" class="plug3"/>
          <img src="images/plug1_1.gif" class="plug11"/>
     </div>  


Это сообщение отредактировал(а) namra - 26.7.2008, 14:33

Присоединённый файл ( Кол-во скачиваний: 8 )
 1.gif 16,45 Kb

картинка2

Присоединённый файл ( Кол-во скачиваний: 7 )
 2.gif 23,21 Kb

Дай уже порезанные - посмотрю

картинки

Присоединённый файл ( Кол-во скачиваний: 2 )
 ___________.zip 32,62 Kb

Один из вариантов так

Или так в вышеприведенном мною примере изменить так:

блоки #block1,2,3  в этом случае не нужны... А вообще смотря для каких броузеров.

Это сообщение отредактировал(а) while - 26.7.2008, 17:03