Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 2301 Просмотров
*

nick71

  • Завсегдатай
  • 1145
  • 12 / 12
  • Сайты любой сложности - обращайтесь
На сайте http://bulat.ua/ru/ вот этот модуль: http://view.xscreenshot.com/f6680493c9daffb99595c190c243141f
Надо сделать рамку с скругленными краями, прописываю в цсс border-radius: 5px; но по углам поверх бордера картинки, а можно как-то их переместить назад?
*

konoden

  • Захожу иногда
  • 326
  • 40 / 0
  • Поиск смысла жизни. Выполнено 15%...
1)Насколько я понимаю, скругление углов - это браузерозависимая вещь, надо еще указывать (для лучшей кроссбраузерности):
    -moz-border-radius – определяет скругленные углы для браузеров Firefox.
    -webkit-border-radius – определяет скругленные углы для браузеров Chrome.
Итого получается:
.class {
  border-radius: 10px;  /* свойство для тех кто его поддерживает */
  -moz-border-radius: 10px;  /* для Firefox */
  -webkit-border-radius: 10px;  /* для Safari и Chrome */
}
2) Взаиморасположение элементов можно попробовать задать с помощь z-index
3) Извините, что не по теме: в английской версии сайта не переведена форма обратной связи http://bulat.ua/en/contact-us

* Нашел необычную статейку по скруглению углов, может кому-то покажется интересным http://vadimgalkin.pp.ru/design/skrgl/1vers/
*

johnrass

  • Захожу иногда
  • 125
  • 26 / 0
тут http://bulat.ua/templates/yoo_revista/css/custom.css строка 218 блок .module.febg table th a, .module.febg table td a
поменяй ширину
Код
width: 243px;
тут http://bulat.ua/templates/yoo_revista/css/modules.css строка 40 блок .mod-box поменяй ширину рамки на 3px
Код
border-width: 3px;
не совсем так как ты хотел, но может будет достаточным.
*

nick71

  • Завсегдатай
  • 1145
  • 12 / 12
  • Сайты любой сложности - обращайтесь
это я так понимаю сузит сам модуль и картинки? Вряд ли подойдет, надо именно с этой шириной
*

johnrass

  • Захожу иногда
  • 125
  • 26 / 0
тогда так: в http://bulat.ua/templates/yoo_revista/css/custom.css добавь в конец overflow: hidden; должно так получиться
Код
div.grid-box div.module{
    overflow: hidden;
}
« Последнее редактирование: 23.09.2012, 09:00:53 от johnrass »
*

nick71

  • Завсегдатай
  • 1145
  • 12 / 12
  • Сайты любой сложности - обращайтесь
Помогло это:
тогда так: в http://bulat.ua/templates/yoo_revista/css/custom.css добавь в конец overflow: hidden; должно так получиться
Код
div.grid-box div.module{
    overflow: hidden;
}

Но только в мозилле, а что можно добавить в код чтоб и в гугльхроме и в опере и в сафари отображалось тоже нормально?
*

nick71

  • Завсегдатай
  • 1145
  • 12 / 12
  • Сайты любой сложности - обращайтесь
а так все хорошо начиналось:) Только заказчик сайт смотрит во всем кроме мозиллы:(
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как выровнять блоки в модуле?

Автор arkady

Ответов: 4
Просмотров: 1301
Последний ответ 14.10.2019, 23:24:14
от AlekVolsk
Как выровнять модуль по центру и взять в рамку

Автор SergeyVitruk

Ответов: 17
Просмотров: 12474
Последний ответ 17.10.2016, 14:52:53
от darkghost
Перенесено: Слетает CSS в модуле при подключении SSL

Автор Shustry

Ответов: 0
Просмотров: 1307
Последний ответ 08.06.2016, 03:02:03
от Shustry
Поставить пробелы между картинками

Автор RazarioAgro

Ответов: 2
Просмотров: 7550
Последний ответ 09.08.2015, 15:30:41
от RazarioAgro
Логотип - переместить по середине!

Автор ИБРАгим

Ответов: 12
Просмотров: 2732
Последний ответ 01.04.2015, 08:36:07
от AlekVolsk