• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Закругленные углы для картинок слайдера
Закругленные углы для картинок слайдера
footballer22
Сообщений: 13
Репутация: 0

Сообщение # 1 | 22:10:02
Добрый вечер) Очень надо сделать закругленные углы к слайдеру, но у меня что-то безрезультатно(
Код
/* coin slider */
.coinSlider {margin:8px 10px 8px 8px; float:left;}
.coin-slider {border-radius:4px; overflow:hidden; zoom:1; position:relative;}
.coin-slider a {text-decoration:none; outline:none; border:0 none;}
.cs-buttons {font-size:0; padding:10px; float:left;}
.cs-buttons a {margin-left:5px; height:10px; width:10px; float:left; border:1px solid #b8c4cf; color:#b8c4cf; text-indent:-1000px;}
.cs-active {background:#b8c4cf; color:#fff;}
.cs-title {width:582px; height:35px; line-height:35px; padding:0 15px 0 35px; background:url('../img/sliderBg.png'); color:#fff;}
.cs-prev, .cs-next {background:rgba(0, 0, 0, 0.7); border-radius:3px; color:#fff; margin:-10px 20px!important; padding:0 10px;}
a.cs-prev:link, a.cs-next:link {color:#fff;}
a.cs-prev:hover, a.cs-next:hover {color:#fff;}
#cs-buttons-coin-slider {display:none;}


Код
<div class="coinSlider">
<link type="text/css" rel="StyleSheet" href="/css/coin-slider-styles.css" />
<script type="text/javascript" src="/js/slider.js"></script>  
<script type="text/javascript" src="/js/slide_options.js"></script>  
<script type="text/javascript" src="/js/coin-slider.min.js"></script>

<div id='coin-slider'>  
<a href="#">
<img src='/1e.jpg' title=""/>  
<span>Мини описание 1</span>
</a>

<a href="#">  
<img src='/2.jpg' title=""/>  
<span> Мини описание 2</span>
</a>  
</div>
</div>
Понятно, что надо закруглить углы к картинкам 1.jpg и 2.jpg, пробовал добавить #coin-slider img {border-radius:4px;} - результата 0. Очень прошу помощи!
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 2 | 01:21:57
Цитата footballer22 ()
пробовал добавить #coin-slider img {border-radius:4px;} - результата 0.

ссылку где не скругляет и браузер какой, надеюсь не Ослик
footballer22
Сообщений: 13
Репутация: 0

Сообщение # 3 | 01:39:34
Цитата bandjuk ()
ссылку где не скругляет и браузер какой, надеюсь не Ослик
Не работает ни в Хроме, ни в Опере. В других не тестил. pes-ukraine.com
upd: Dastich Fantastich) В Хроме уже норм, в Опере нет.
Сообщение отредактировал footballer22 - Четверг, 09 Янв 2014, 01:47:55
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Закругленные углы для картинок слайдера
  • Страница 1 из 1
  • 1
Поиск: