Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > помогите собрать блок

Автор: namra 26.7.2008, 14:23

Вот так получается (картинка 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:25

картинка2

Автор: while 26.7.2008, 15:24

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

Автор: namra 26.7.2008, 15:48

картинки

Автор: while 26.7.2008, 16:48

Один из вариантов http://totals.co.ua/samples/css_block1.rar

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

Код


<div id="rightpanel">
            <div id="pict1"></div>
            <div id="pict2"></div>
            <div id="pict3"></div>
            <div id="pict1_1"></div>            
            <div id="pict2_1"></div>            
            <div id="pict3_1"></div>
    </div>

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