VPF::Белый квадрат - Форум программистов

proliger

Дата 25.12.2012, 15:56 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 24.12.2012

Репутация: нет
Всего: нет

Есть такой код :

Код


<div id="slideBar" onMouseOver="javascript:displayResult('slideBar','barMenu');" onMouseOut="javascript:displayResult('slideBar','barMenu');" onClick="javascript:show_hide('barMenu');"> 
     <div id="up_arrow"><img src="theme/arrow_down_right.png" border="0" alt="" width="40px" height="40px"></div>
     <div id="down_arrow"><img src="theme/arrow_up_right.png" border="0" alt="" width="40px" height="40px"> </div>
</div>

<div id="barMenu">
</div>

И таблица стилей :

Код


body {background:url(logo_down.png) right bottom no-repeat;}
#slideBar,#noslide,#barMenu {float:left;height:100%;}
#slideBar #up_arrow {min-height:500px;position: relative;}
#slideBar #down_arrow {position: absolute;bottom: 0;}
#sideBar{min-height:500px;width:2cm;}
#barMenu{min-height:500px;width:140px;background-color:black;display:none;padding-top:40px;color:white;}
#barMenu li{list-style-type:none;padding:3px;width:120px;text-align:right;}
#barMenu a{font-weight:bold;color:white;text-decoration:none;}

Проблема заключается в том что при нажатии на slideBar как и нужно открывается barMenu но , под картинкой arrow_up_right.png появляется белый квадрат именно в slideBar , хотя фон должен быть черным , как устранить эту проблему?
То есть нужно сделать что бы под нижней картинкой не образовывался пробел в несколько десятков пикселей из-за него съезжает logo_down.png и портится общая картина сайта.

Это сообщение отредактировал(а) proliger - 25.12.2012, 15:58

proliger

Дата 26.12.2012, 00:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 24.12.2012

Репутация: нет
Всего: нет

Проблема решена тему можно закрыть.
Решил следующим образом из строки :

Код


#barMenu{min-height:500px;width:140px;background-color:black;display:none;padding-top:40px;color:white;}

Убрал отступ в 40 пикселей.
И добавил отдельную строчку :

Код


#barMenu ul{padding-top:40px;}

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »