Выравнивание изображений
Страницы: 1 2 След.
Выравнивание изображений, Вопрос по выравниваю изображений в информере ucoz
Всем привет! Надеюсь кто-нибудь мне поможет) Создал киносайт на ucoz, главная страница которого построена на информерах. Проблема в том, что у фильмов названия разные по длине, в итоге постеры фильма скачут то ниже то выше в строке. Возможно ли их выровнять по верхней границе и если возможно, то как. Код информера следующий:

<ul class="viewn_loop">
<li>
<span class="star2">$RATING$</span>
<a href="$ENTRY_URL$">
<div class="viewn_img">
<img width="200" height="270" src="$IMG_URL1$" alt=""/>
</div>
</a>
<span class="viewn_inf"> $DATE$ </span>
</li>
<div class="hidden">
<div class="vl_title">
<a href="$ENTRY_URL$">$TITLE$</a>
</div>
<a class="vCats" href="$CATEGORY_URL$">Жанр: $CATEGORY_NAME$</a>
</div>
</ul>

Заранее благодарю)
cfqn.jpg (112.76 КБ) [ Скачать ]
Попробуйте так:


Код
.viewn_img {vertical-align: top}
 
Или:

Код
.viewn_img img {vertical-align: top} 

Или:

Код
<img width="200" height="270" align="top" src="$IMG_URL1$" alt=""/>
 
✓ [URL=http://coderhs.ru]Проверенные скрипты и полезности для сайта[/URL]

✓ [URL=http://coderhs.ru/courses/]Курсы[/URL]

✓ [URL=https://tmp.coderhs.ru ]Сервис временных ссылок[/URL]
Спасибо за ответ! Но, к сожалению, не работает(((
Цитата
norik354 пишет:
Но, к сожалению, не работает
Попробуйте:


Код
.viewn_img {vertical-align: top !important}
 или
 .viewn_img img {vertical-align: top !important} 
а как этот код вставить???
Цитата
norik354 пишет:
а как этот код вставить
А как вы пробовали и выяснили, что код не работает?!



найдите класс 
.viewn_img

В вашем css файле или в "дизайн сайта" - "Таблица стилей".

Вставьте в содержимое этого класса.

Если его нет, то создайте - просто скопируйте тот или иной вариант кода (один из) предыдущего поста.
Изменено: Coder - 19 Июня 2013 11:55
попробовал как вы говорите, но ничего на сайте не меняется, как стояли картинки одна ниже другой, так и стоят((( но все равно спасибо за содействие)
сам класс в таблице стилей выглядит

Код
.viewn_loop .viewn_img img { width:200px; overflow:hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
Цитата
norik354 пишет:
.viewn_loop .viewn_img img { width:200px; overflow:hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
Попробуйте :

Код
.viewn_loop .viewn_img img { width:200px; overflow:hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; vertical-align: top !important }

Или сам контейнер:

Код
.viewn_loop {vertical-align: top !important}
К сожалению не работает(((
Цитата
norik354 пишет:
не работает((

Попробуйте :

Код
.viewn_loop a {vertical-align: top !important }
Нет((( Придется наверное на главную стараться подбирать названия одинаковые по длине(
Цитата
norik354 пишет:
Придется наверное на главную стараться подбирать названия одинаковые по длине
Не стоит - нужно найти, что и где влияет на отображение. Возможно, блок, в который встроен информер.
у меня созданы информеры по жанрам на главной странице сайта. Соответственно изменен стиль главной страницы. Информеры показывают последние добавленные фильмы по жанрам. Ну и вот не выравниваются картинки хоть убейся. Уже кучу сайтов перерыл, кучу изменений вносил, и ничего не получается((((
Возможно так - но не уверен - пробуйте
Код
<table class="viewn_loop1" align="center" cellpadding="0" cellspacing="0" height="300" width="200">

 <tbody> 
<tr><td> 
 <center>

<ul class="viewn_loop">

<li>

<span class="star2">$RATING$</span>

<a href="$ENTRY_URL$">

<div class="viewn_img">

<img width="200" height="270" src="$IMG_URL1$" alt=""/>

</div>

</a>

<span class="viewn_inf"> $DATE$ </span>

</li>
</center>

</td></tr> 


<tr><td> 

<div class="hidden">

<div class="vl_title">

<a href="$ENTRY_URL$">$TITLE$</a>

</div>

<a class="vCats" href="$CATEGORY_URL$">Жанр: $CATEGORY_NAME$</a>

</div>

</ul>

</td></tr> 
</tbody></table>



и в  стилях прописать

Код
.viewn_loop1{ background-color: #E8E8E8; border:1px solid #787878;width:200px; height:300px; border-radius:3px; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
 
Закупаю качественные ссылки <a href="http://gogetlinks.net/?inv=s69puu">тут</a>.
Зарабатывайте на своём сайте <a href="http://partner.directadvert.ru/?ref=87725">тут</a> и <a href="http://recreativ.ru/?r=9333">тут</a>.
Страницы: 1 2 След.
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
21:03 Индексация страниц 
09:57 Мошенники-копирайтеры 
22:47 Заработок на Биржах ссылок 2025 
22:02 Стоит ли добавлять сайт в Rambler топ 100? 
12:34 YouTube усиливает борьбу с азартными играми: новые ограничения вступят в силу 19 марта 
12:29 Традиционные сайты на грани вымирания из-за ИИ-поисковиков 
22:10 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
04:17 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
04:01 ProxyWins.com - 15% по промо-коду "venividivici" 
01:16 garantcoin.io - быстрый и надёжный сервис обмена криптовалюты GarantCoin 
18:00 Продам игровой форум! 
17:02 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 
16:33 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
14:29 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 
04:01 С юмором по жизни! 
03:18 Точные прогнозы на футбол 
09:58 Думскроллинг превращает нас в зомби. Как вернуть мозг к жизни? 
22:59 Блогер А4 на грани: компания Влада Бумаги объявляет о банкротстве 
22:23 Telegram не смог провести различие между требованиями автократических режимов и законными демократическими запросами 
21:43 Потеря для пиратского интернета: основатель Pirate Bay погиб! 
12:22 Финансовая диета: самозапрет на покупки может стать реальностью