Как продублировать стили css?

[CHADREX]

Всем привет, нужна ваша помощь. Есть две картинки разных размеров, и мне к ним нужно прикрепить одинаковый стиль.

На сайте Для просмотра ссылки Войди или Зарегистрируйся в блоке "НАШИ ДРУЗЬЯ" все отлично работает. А на странице с постерами почему-то стало криво - Для просмотра ссылки Войди или Зарегистрируйся (нижняя картинка)

Вот их оригинальный код:

Для просмотра ссылки Войди или Зарегистрируйся (баннеры)
Для просмотра ссылки Войди или Зарегистрируйся (постеры)

Исходя из логики можно сделать стиль общим, то есть адаптивным под размер картинки. Или что-то исправить в стилях для постеров.

 

[Denis_Pi]

не в том месте потому, что стоит.

<div class="poster poster-type-line">
и все что внутри
</div>

нужно поставить в

<div class="col-sm-4 sidebar"><div class="widget">бла,бла,бла</div>Сюда!!!</div>

 

[CHADREX]

не в том месте потому, что стоит.

<div class="poster poster-type-line">
и все что внутри
</div>

нужно поставить в

<div class="col-sm-4 sidebar"><div class="widget">бла,бла,бла</div>Сюда!!!</div>

Причем тут сайдбар? Оно у меня почему-то меняет исходный код страницы. Он почему-то такой:

<div class="poster poster-type-line">
<a class="poster-hover" href="http://dribbble.com/shots/1313878-Hand-Lettering-Process" target="_blank"><p></p>
<div class="poster-info">
<div class="headline">Милые обманщицы</div>
<div class="line"></div>
<div class="date">США, 5 сезонов</div>
</div>
<div class="mask"></div>
</a><p><a class="poster-hover" href="http://dribbble.com/shots/1313878-Hand-Lettering-Process" target="_blank"></a></p>
<div class="poster-img"><img src="https://pp.vk.me/c620818/v620818649/118f8/NHAWbzijnTY.jpg" alt=""></div></div>

Хотя должен быть таким:

<div class="poster poster-type-line">
<a class="poster-hover" href="http://dribbble.com/shots/1313878-Hand-Lettering-Process" target="_blank">
<div class="poster-info">
<div class="headline">Милые обманщицы</div>
<div class="line"></div>
<div class="date">США, 5 сезонов</div>
</div>
<div class="mask"></div>
</a>
<div class="poster-img"><img src="https://pp.vk.me/c620818/v620818649/118f8/NHAWbzijnTY.jpg" alt="" /></div>
    </div>

И при этом стили между собой не конфликтуют даже - Для просмотра ссылки Войди или Зарегистрируйся

 

[Teceract]

мешает этот тег

<p><a class="poster-hover" href="http://dribbble.com/shots/1313878-Hand-Lettering-Process" target="_blank"></a></p>

и он лишний, так как ховер идет в начале как вся ссылка

 

[CHADREX]

мешает этот тег

<p><a class="poster-hover" href="http://dribbble.com/shots/1313878-Hand-Lettering-Process" target="_blank"></a></p>

и он лишний, так как ховер идет в начале как вся ссылка

А что мне с ним сделать? В исходном коде такого нету - Для просмотра ссылки Войди или Зарегистрируйся

 

[Teceract]

А что мне с ним сделать? В исходном коде такого нету - Для просмотра ссылки Войди или Зарегистрируйся

измените адрес ссылки и посмотрите, будет ли дублировать ее снова между тегом p
видно, что добавляется только в записи, возможно какая то функция добавляет сама

 

[CHADREX]

измените адрес ссылки и посмотрите, будет ли дублировать ее снова между тегом p
видно, что добавляется только в записи, возможно какая то функция добавляет сама

Да, все аналогично дублируется. Ей богу, это уже бред какой-то.

 

[Teceract]

Да, все аналогично дублируется. Ей богу, это уже бред какой-то.

значит дублируется из какой то функции данная ссылка.
можно не мучить голову, а просто ее скрыть через css))))

.poster p a.poster-hover {
display: none;
}

не выводит ссылку в теге р, в классе poster

 

[CHADREX]

Всем спасибо за помощь. Но у меня так и не получилось реализовать должное, поэтому я нашел другой рабочий вариант. Тема не актуальна.