Выравнивание изображений
Страницы: 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 КБ) [ Скачать ]

Комплексное SEO продвижение в поисковых системах Яндекс, Google

Попробуйте так:


Код
.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.com]Проверенные скрипты и полезности для сайта[/URL] ✓ [URL=http://coderhs.com/courses/]Курсы[/URL] ✓ [URL=http://coderhs.com/i/15]Изображение в вектор[/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)
Новые темыОбъявленияСвободное общение
13:09 Какие сайты любит google? 
12:02 Что продвигать в ТОП Яндекса с помощью накрутки ПФ? 
12:00 Наблюдаю за одним сайтом, что скажите? 
18:14 ИКС 24 сентября 2020 АПдейт | Яндекс ИКС 24.09.2020 
17:03 25 сентября 2020 Степень изменения выдачи: 11.4% | Яндекс выдача 
15:13 Adtrafico - Правильная партнёрская сеть под бурж трафик 
11:22 Поменял домен 
13:26 Размещу ссылки/статьи на ваш сайт 
23:09 Мобильные скоростные прокси 4G 
21:37 Качественный современный дизайн сайтов, логотипов, печатной продукции. Верстка HTML5/CSS3/JS. 
15:21 Продвину сайт качественными ссылками. Рост посещаемости, позиций и ИКС. Крауд ссылки недорого + скидки. 
15:02 В Dieser_ads Только эффективная реклама! – И только целевая аудитория! 
14:19 Продажа аккаунтов Яндекс Директ без НДС 
13:02 Профессиональное ведение каналов в Ютубе, Белое продвижение, Услуги в соц. сетях 
16:34 сейчас дороже, чем нефть и все сокровища мира 
12:04 Хотела сначала на Авито 
11:48 7 летний мальчик за год заработал 12 миллионов рублей 
03:48 Leadgid — международная финансовая партнерская CPA сеть 
18:11 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 
17:19 Улучшение ПФ 
17:19 Хочу обратиться к господам лохотронщикам