Новости Joomla

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

Elandil

  • Новичок
  • 4
  • 0 / 0
Колонка с изображениями
« : 04.10.2010, 13:59:37 »
Здравствуйте уважаемые форумчане.
ВОзникла пробелма и так, как я в CSS не соображаю то приходится учится на лету.
Имеется страница с готовыми изображениями логотипов компаний. Задача на одну страницу нужны две картинки-логотипы разделенные вертикальной чертой (колонка с вертикальной разделительно йчертой м с двумя логотипами). Как это сделать? Штатными средствами, можно только горизонтальную линию оформить, но не вертикальную. Подскажите пожалуйста.
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Колонка с изображениями
« Ответ #1 : 04.10.2010, 14:10:42 »
можешь просто вставить таблицу из трёх ячеек. средняя-разделитель. поставишь ей фон какой надо и ширину- вот тебе и черта )
*

Elandil

  • Новичок
  • 4
  • 0 / 0
Re: Колонка с изображениями
« Ответ #2 : 04.10.2010, 14:20:47 »
В смысле фон поставить? Можете подробнее пояснить? Мне нужна обычная черта, как можно сделать горизонтальную, только в вертикальном виде. Логотипов много, так что, как-то так.
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Колонка с изображениями
« Ответ #3 : 04.10.2010, 14:31:54 »
ну включи фантазию )
табличка. 3 ячейки.
первая и третья-большие, в них логотипы вставлены, а средняя- мала-мала-кушаль-балель и тооооникий такой!
и чёрний.

<table cellpadding='0' cellspacing='0' border='0' align='center' width='100%'>
<tr>
<td> тут логотипа 1 </td>
<td bgcolor='#000' width="1px"> тут картинка 1*1 пиксель</td>
<td> тут логотипа 2</td>
</tr>
</table>
*

Elandil

  • Новичок
  • 4
  • 0 / 0
Re: Колонка с изображениями
« Ответ #4 : 04.10.2010, 14:40:12 »
спасибо я попробую =)
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Колонка с изображениями
« Ответ #5 : 04.10.2010, 16:02:17 »
Код: html4strict
<ul class="logos">
    <li><img src="logo" alt="" /></li>
    <li><img src="logo" alt="" /></li>
</ul>

Код: css
.logos{
    overflow: hidden;
}
.logos li{
    float: left;
}
.logos li+li{
    border-left: 1px solid #f00;
}
 
если я правильно понял...

или уш если нравяццо таблоиды, то вот так:
Код: html4strict
<table class="logos">
<tr>
    <td><img src="logo" alt="" />
    <td><img src="logo" alt="" />
</tr>
</table>

Код: css
.logos td+td{
    border-left: 1px solid #f00;
}
« Последнее редактирование: 04.10.2010, 16:05:23 от danik.html »
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

Elandil

  • Новичок
  • 4
  • 0 / 0
Re: Колонка с изображениями
« Ответ #6 : 04.10.2010, 16:58:07 »
Спасибо.
А вот ваш пример легко попробывать в Joomla просто отрабатывая как HTML код или же лучше подуключать как таблицу стилей, уважаемый
danik.html?
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Колонка с изображениями
« Ответ #7 : 04.10.2010, 17:30:02 »
ну CSS лучше в css-файл шаблона запихать конечно же. Класс .logos можно вписать в файл templates/ваш_шаблон/css/editor.css (если его нет - нужно создать) - и тогда он появится в выпадающем списке в редакторе (для удобства)
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

При сжимании браузера, правая колонка перепрыгивает куда-то вниз страницы

Автор smit1987

Ответов: 2
Просмотров: 1398
Последний ответ 02.04.2014, 22:45:48
от smit1987
Проблемы с изображениями на мобильных приложениях

Автор rafaello9

Ответов: 1
Просмотров: 1182
Последний ответ 10.10.2012, 16:20:33
от profitural
Центральная колонка в контентблоке сдвигается вправо

Автор shiryaev

Ответов: 11
Просмотров: 2734
Последний ответ 14.12.2011, 21:11:21
от Taatshi
3-я колонка

Автор MANAY

Ответов: 11
Просмотров: 2066
Последний ответ 14.12.2010, 16:17:23
от asomnia
правая колонка не видна полностью

Автор kefir

Ответов: 8
Просмотров: 1952
Последний ответ 25.07.2010, 22:31:46
от kefir