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

Тема в разделе "Верстка", создана пользователем CHADREX, 5 авг 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. CHADREX

    CHADREX Психопат

    Регистр.:
    12 янв 2014
    Сообщения:
    533
    Симпатии:
    180
    Всем привет, нужна ваша помощь. Есть две картинки разных размеров, и мне к ним нужно прикрепить одинаковый стиль.

    На сайте http://besttvseries.ru/ в блоке "НАШИ ДРУЗЬЯ" все отлично работает. А на странице с постерами почему-то стало криво - http://besttvseries.ru/thriller/ (нижняя картинка)

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

    http://cssdeck.com/labs/f6ybsz4t (баннеры)
    http://cssdeck.com/labs/u54yjraa (постеры)

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

    Denis_Pi Art сreator

    Заблокирован
    Регистр.:
    8 май 2012
    Сообщения:
    398
    Симпатии:
    214
    не в том месте потому, что стоит.
    HTML:
    <div class="poster poster-type-line">
    и все что внутри
    </div>
    нужно поставить в
    HTML:
    <div class="col-sm-4 sidebar"><div class="widget">бла,бла,бла</div>Сюда!!!</div>
     
  3. CHADREX

    CHADREX Психопат

    Регистр.:
    12 янв 2014
    Сообщения:
    533
    Симпатии:
    180
    Причем тут сайдбар? Оно у меня почему-то меняет исходный код страницы. Он почему-то такой:

    Код:
    <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>
    И при этом стили между собой не конфликтуют даже - http://cssdeck.com/labs/86ff2a3n
     
  4. Teceract

    Teceract

    Регистр.:
    15 фев 2009
    Сообщения:
    154
    Симпатии:
    71
    мешает этот тег
    HTML:
    <p><a class="poster-hover" href="http://dribbble.com/shots/1313878-Hand-Lettering-Process" target="_blank"></a></p>
    и он лишний, так как ховер идет в начале как вся ссылка
     
  5. CHADREX

    CHADREX Психопат

    Регистр.:
    12 янв 2014
    Сообщения:
    533
    Симпатии:
    180
    А что мне с ним сделать? В исходном коде такого нету - https://docs.google.com/file/d/0BwcTQBwLPvGcaGJsLWVuYkZTT28/edit?usp=drivesdk
     
  6. Teceract

    Teceract

    Регистр.:
    15 фев 2009
    Сообщения:
    154
    Симпатии:
    71
    измените адрес ссылки и посмотрите, будет ли дублировать ее снова между тегом p
    видно, что добавляется только в записи, возможно какая то функция добавляет сама
     
  7. CHADREX

    CHADREX Психопат

    Регистр.:
    12 янв 2014
    Сообщения:
    533
    Симпатии:
    180
    Да, все аналогично дублируется. Ей богу, это уже бред какой-то.
     
  8. Teceract

    Teceract

    Регистр.:
    15 фев 2009
    Сообщения:
    154
    Симпатии:
    71
    значит дублируется из какой то функции данная ссылка.
    можно не мучить голову, а просто ее скрыть через css))))
    Код:
    .poster p a.poster-hover {
    display: none;
    }
    не выводит ссылку в теге р, в классе poster
     
  9. CHADREX

    CHADREX Психопат

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