Sign in to follow this  
Followers 0
rosadonna

пропорции изображений анонсов

8 posts in this topic

Все никак не решу проблему на главной своего сайта, на других страницах получилось исправить разрешение для изображений, они маштабируются сами и не растягиваются и не искажаются как на главной.

 

Кто подскажет что можно сделать?

 

пациент rosadonna(.)ru

 

Добавлю что использую движок wordpress, и выставляю на главную анонсы с функцией 

<?php query_posts('cat=2,-22&showposts=2'); ?>

а картинку к нему через:

<?php the_post_thumbnail(); ?>

Share this post


Link to post
Share on other sites

а если попробовать прописать размеры картинки через css к соответствующему классу?

Share this post


Link to post
Share on other sites

а если попробовать прописать размеры картинки через css к соответствующему классу?

Так прописано, самое интересное, что на страницах категорий всё работает, а вот на главной ни как не хочет. Замудренно что-то там.

Share this post


Link to post
Share on other sites

У вас на главной в категории код картинки выглядит вот так:

<img width="200" height="127" src="http://rosadonna.ru/wp-content/uploads/2016/01/podarok_babushke_svoimi_rukami_2-200x127.jpg.pagespeed.ce.jPrDuyuGwM.jpg" pagespeed_url_hash="2237596317" sizes="(max-width: 200px) 100vw, 200px" srcset="http://rosadonna.ru/wp-content/uploads/2016/01/podarok_babushke_svoimi_rukami_2-200x127.jpg 200w, http://rosadonna.ru/wp-content/uploads/2016/01/podarok_babushke_svoimi_rukami_2.jpg 600w" alt="подарок бабушке сердце" class="attachment-post-thumbnail size-post-thumbnail wp-post-image">



<img width="580" height="369" src="http://rosadonna.ru/wp-content/uploads/2016/01/podarok_babushke_svoimi_rukami_2.jpg.pagespeed.ce.M54buXMBU1.jpg" pagespeed_url_hash="1043254734" sizes="(max-width: 580px) 100vw, 580px" srcset="http://rosadonna.ru/wp-content/uploads/2016/01/podarok_babushke_svoimi_rukami_2-200x127.jpg 200w, http://rosadonna.ru/wp-content/uploads/2016/01/podarok_babushke_svoimi_rukami_2.jpg 600w" alt="подарок бабушке сердце" class="aligncenter wp-image-8528">
 

Share this post


Link to post
Share on other sites

 

У вас на главной в категории код картинки выглядит вот так:

<img width="200" height="127" src="http://rosadonna.ru/wp-content/uploads/2016/01/podarok_babushke_svoimi_rukami_2-200x127.jpg.pagespeed.ce.jPrDuyuGwM.jpg" pagespeed_url_hash="2237596317" sizes="(max-width: 200px) 100vw, 200px" srcset="http://rosadonna.ru/wp-content/uploads/2016/01/podarok_babushke_svoimi_rukami_2-200x127.jpg 200w, http://rosadonna.ru/wp-content/uploads/2016/01/podarok_babushke_svoimi_rukami_2.jpg 600w" alt="подарок бабушке сердце" class="attachment-post-thumbnail size-post-thumbnail wp-post-image">



<img width="580" height="369" src="http://rosadonna.ru/wp-content/uploads/2016/01/podarok_babushke_svoimi_rukami_2.jpg.pagespeed.ce.M54buXMBU1.jpg" pagespeed_url_hash="1043254734" sizes="(max-width: 580px) 100vw, 580px" srcset="http://rosadonna.ru/wp-content/uploads/2016/01/podarok_babushke_svoimi_rukami_2-200x127.jpg 200w, http://rosadonna.ru/wp-content/uploads/2016/01/podarok_babushke_svoimi_rukami_2.jpg 600w" alt="подарок бабушке сердце" class="aligncenter wp-image-8528">
 

Ну какой код у меня стоит я видел, я просто на главной не могу его пристроить, так как надо его под остальное приписать. Уже многие пытались помочь, но вот как-то не получилось.

Share this post


Link to post
Share on other sites

<img width="200" height="127" - это откуда у вас, в шаблоне прописано?

 

Приблизительно так: изображению поставьте height:auto

 

div-у в котором изображение находится поставьте height:127px и overflow:hidden, это обрежет видимую часть изображения выступающую за края.

 

Но на самом деле нужно разбираться со стилями шаблона, возможно просто что где то стили переопределены...

Share this post


Link to post
Share on other sites

<img width="200" height="127" - это откуда у вас, в шаблоне прописано?

 

Приблизительно так: изображению поставьте height:auto

 

div-у в котором изображение находится поставьте height:127px и overflow:hidden, это обрежет видимую часть изображения выступающую за края.

 

Но на самом деле нужно разбираться со стилями шаблона, возможно просто что где то стили переопределены...

Я попробую ваше предложение, но вот именно о этих переопределенных стилях я и говорил.

Share this post


Link to post
Share on other sites

<img width="200" height="127" - это откуда у вас, в шаблоне прописано?

 

Приблизительно так: изображению поставьте height:auto

 

div-у в котором изображение находится поставьте height:127px и overflow:hidden, это обрежет видимую часть изображения выступающую за края.

 

Но на самом деле нужно разбираться со стилями шаблона, возможно просто что где то стили переопределены...

Сейчас посмотрел, так у меня так и стоит, но почему-то все жалуются что искаженные какие-то изображения.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.