Опытный - Репутация: 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? |