По поводу блока, помогите разобраться!

(Ответов: 2, Просмотров: 803)
  1. Опытный Аватар для DissConnect
    • Регистрация: 18.07.2011
    • Сообщений: 255
    • Репутация: 45
    • Webmoney BL: ?
    Есть блок, параметры css:
    Код:
    #menu-shapka-top {background-image: url(../images/shapka-top.jpg); width: 337px; height: 60px; display: block; overflow: hidden;}
    #menu-shapka-bg {background: #ffffff; width: 337px; display: block;}
    #menu-shapka-bottom {background-image: url(../images/shapka-bottom.jpg); width: 337px; height: 10px; display: block; overflow: hidden;}
    
    #menu-shpaka {padding-left: 12px; padding-right: 12px; padding-bottom: 7px;}
    .news-top {font: 8pt Tahoma; color: #787878;}
    .title-block {font: 8pt Tahoma; color:#767676; font-weight: bold;}
    #m-green {padding-left: 60px; padding-top: 14px;}

    Сам код html:
    PHP код:
    <div id="menu-shapka-top" style="margin-top: 7px;">
      <
    div class="title-block" id="m-green">заголовок</div>
    </
    div>
    <
    div id="menu-shapka-bg">
      <
    div id="menu-shapka" class="news-top">
    {
    topnews}
      </
    div>
    </
    div>
    <
    div id="menu-shapka-bottom"></div
    Код генерируемого блока {topnews}:
    PHP код:
    <div style="float:left;width:100px;height:155px;margin-left:20px;padding:10px;">
    <
    a href="{link}">{title}</a>
    <
    img src="{image}" title="{title}" width="98" height="150" style="border: 3px #dcdcdc solid;" /> 
    </
    div
    И вот что получается:
    Если я подставляю значение генерируемого блока «float:left;» получается все верно, но background:#ffffff; не отображается должным образом, тупо исчезает, как видно на этой картинке


    Если убрать значение «float:left;» то background встает должным образом, как надо, но блоки идут вертикально в один столб, а мне конкретно нужно как на первом рисунке.


    Кто подскажет, что ему мешает выводить background, а конкретно параметры #menu-shapka-bg?
    • 0
  2. Дипломник
    • Регистрация: 08.01.2012
    • Сообщений: 129
    • Репутация: 15
    "Закрученно" все у вас... :))
    В любом случае - о существовании т.н. Developer Tools в любом современном браузере в курсе? Пытались в них смотреть "текущий стиль" для проблемного блока? Что кажут?
    • 0
  3. Allow: /index.php Аватар для DarkAngel-163
    • Регистрация: 29.07.2011
    • Сообщений: 510
    • Репутация: 124
    • Webmoney BL: ?
    PHP код:
    <div id="menu-shapka-bg">
      <
    div id="menu-shapka" class="news-top">
    {
    topnews}
    <
    div style="clear:both;"></div>
      </
    div
    Сделайте вот так, ну и соответственно флоат:лефт и бекграунд не забудьте)
    • 1

    Спасибо сказали:

    tronkovlad(29.01.2012),

Похожие темы

Темы Раздел Ответов Последний пост
Помогите разобраться с кодом
Вопросы от новичков 0 07.01.2012 16:48
Помогите разобраться
Вопросы от новичков 1 21.11.2011 11:53
Помогите разобраться с хрумером!
Оффтоп и свободные темы 9 27.08.2011 00:33
Помогите разобраться
Поисковые системы 7 06.06.2011 14:22

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры