2011-09-02 3 views
0

У меня проблема с слайдером (главным образом, проблемы с границей). Вы можете увидеть слайдер hereПроблема с слайдером

Нажмите на 6. Владелец вариант и там вы можете видеть границу. Эта граница должна появляться на всех других вкладках.

+0

'plz send me tez codez' –

+0

Пожалуйста, просмотрите исходный код и сохраните его в html-файле. Тогда весь код будет на вашем компьютере :) – munjal

+0

Как вы можете проверить и посмотреть с помощью firebug, #slides div маскирует содержимое div #menu, поэтому фон #menu не отображается, если вы не просматриваете последний слайд (что ничего не блокирует правый конец фона #menu). – WTK

ответ

0

Мое решение было бы обернуть Див #slides в еще одном DIV с этим CSS:

height: 231px; 
left: 438px; 
overflow: hidden; 
position: absolute; 
top: 185px; 
width: 683px; 

и от декларации ".tophdr_rt_slider #slides" удалить два атрибута:

float: left; 
margin-top: -236px; 

После этого он работает как шарм.

+0

--- thanx wtk :) – munjal

0

Добавьте этот код:

<style type="text/css"> 
    .slide { 
     overflow:hidden; 
    } 
    .slide img { 
     margin: 2px 10px 0px 10px; 
    } 
</style> 
+0

,. спасибо за ур ответ. Это работает, но есть проблема, граница исчезает (и приходит снова), когда слайд вращается. – munjal

+0

Я не вижу этой проблемы. Какой браузер вы используете ? –

+0

мой дизайнер решил проблему. Он преобразовал все изображения в слайдере в png (с прозрачным фоном) – munjal

Смежные вопросы