Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Помогите одолеть CSS

Обсуждение темы Помогите одолеть CSS в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; В общем уже час копаюсь никак не могу понять, что я упустил? Движок DLE 9.2 Модуль: Sblocks 1.9 Вывожу блок созданный вышеуказанным модулем ...


Закрытая тема
 
Опции темы
Старый 28.12.2011, 17:45   #1
В общем уже час копаюсь никак не могу понять, что я упустил?
Движок DLE 9.2
Модуль: Sblocks 1.9
Вывожу блок созданный вышеуказанным модулем на главной странице. Состоит из четырех новостей в 1 ряд, выводятся только картинки. при этом, в html коде на каждую картинку должна (по идее) накладываться дополнительная картинка. Первая накладывается нормально, а вот остальные подскакивают высоко вверх

КУсок кода:
PHP код:
   <div id="casing">
        <
div id="content">
              <
div class="content">
 
      <
div class="infTd" width="25%" style="float:left;">
              <
div class="imgbg">
 <
div class="nalet2">
{
sblocks_newblock_876}
 </
div>
                <
div class="nalet3"><div class="pm"></div></div>

           </
div>
            </
div>

  <
div class="nalet">

            <
div class="infTd" width="25%" style="float:left;">

              <
div class="imgbg">
              

    </
div>
              
 <
div class="nalet3"><div class="pm"></div></div>
              </
div>
</
div>

 <
div class="nalet">
    <
div class="infTd" width="25%" style="float:left;">
              <
div class="imgbg">
              
 </
div>


 <
div class="nalet3"><div class="pm"></div></div>
              </
div>
            </
div>

 <
div class="nalet">
          <
div class="infTd" width="25%" style="float:left;">
              <
div class="imgbg">
              
</
div>
 <
div class="nalet3"><div class="pm"></div></div>

              </
div>
            </
div>

   <
div class="clear"> </div>




.
nalet {
    
position:relative;
    
z-index:1;
}

.
nalet2 {
    
position:relative;
    
z-index:2;
}

.
nalet3 {
    
position:absolute;
    
z-index:3;
}

.
pm {
    
BACKGROUNDurl(../images/pm.pngno-repeatLEFT: -2pxBOTTOM8pxPOSITIONabsolutez-index:3;height:90px;width:90px;
}

.
imgbg {
    
MARGIN-TOP0pxBACKGROUNDurl(../images/imgbg.pngno-repeatFLOATleftMARGIN-LEFT7pxWIDTH154pxPADDING-TOP7pxPOSITIONrelativeHEIGHT233pxTEXT-ALIGNcenter
}

#content {
    
PADDING-RIGHT0pxPADDING-LEFT20pxFLOATleftPADDING-BOTTOM0pxWIDTH678pxPADDING-TOP10px
}

.
content {
    
BORDER-RIGHT#0f0b0d 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #0f0b0d 1px solid; PADDING-LEFT: 10px; BACKGROUND: #37282d; PADDING-BOTTOM: 10px; BORDER-LEFT: #0f0b0d 1px solid; WIDTH: 668px; COLOR: #f5ecc1; PADDING-TOP: 10px; BORDER-BOTTOM: #0f0b0d 1px solid; border-radius: 5px; webkit-border-radius: 5px; moz-border-radius: 5px

Изображения
Тип файла: jpg Пример.jpg (41.4 Кб, 6 просмотров)
 
Старый 28.12.2011, 17:45
Ссылки
Старый 28.12.2011, 21:15   #2
считаю тут дело в position:relative;

Попробуй поковырять это!!! Поменяй на другое значение!
где написано position - вставь:
position:static;

Добавлено через 2 минуты

Ну если, что мастера тут ответять тебе!

Последний раз редактировалось maxefect; 28.12.2011 в 21:15.. Причина: Добавлено сообщение
 
Старый 29.12.2011, 10:42   #3
у вас явная путаница с открытыми и закрытыми дивами и их наличием вообще,
тк (минимум что видно сразу)
первый блок --> class="infTd"
второй и тд блок --> class="nalet" --> class="infTd"

и в куске кода который вы дали 3 дива незакрыты в добавок

Последний раз редактировалось vitaly-go; 29.12.2011 в 10:45..
 
Старый 29.12.2011, 21:08   #4
Тут только либо переворошить стили (нормально поставить div),
либо "авось" - поставь position:static // вдруг прокатит и будет норм ... Однако, опять же, вдруг в разных браузерах по разному покажет (если с divами не правильно)
 
Старый 30.12.2011, 00:05   #5
Цитата:
Сообщение от maxefect Посмотреть сообщение
либо "авось" - поставь position:static
отстаньте вы от этого position, дело не в нем,
зачем 2 раза об этом писать если самому проверить можно в 2 клика?...
 
Старый 30.12.2011, 00:05
Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум