как прописать авто масштабирование картинки на страницах разной ширины?

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем morkovni, 28.04.2011.

  1. Offline

    morkovni Недавно здесь

    Регистрация:
    17.04.2011
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Мужской
    есть статья, в которую вставлены картинки. эта статья полноценно отображается при переходе в соответствующую категорию, а также отображается частично на главной странице в последних новостях...
    в первом случае ширина поля 800px, во втором - 300...

    вопрос: что прописать в html статьи, чтобы ширина картинки была допустим 50% от ширины поля??
     
  2.  
  3. Offline

    maxsakhalin Недавно здесь

    Регистрация:
    03.03.2011
    Сообщения:
    47
    Симпатии:
    3
    Пол:
    Мужской
    Ширина какого поля? Скинь ссылку на сайт что ли.
     
  4. Offline

    morkovni Недавно здесь

    Регистрация:
    17.04.2011
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Мужской
    http://demo.rockettheme.com/wordpress/wp_affinity/ вот демо, сам сайт на локалхосте...

    последние новоти на главной - в колонках user1 и user2, полная статья в maincol
     
  5. Offline

    maxsakhalin Недавно здесь

    Регистрация:
    03.03.2011
    Сообщения:
    47
    Симпатии:
    3
    Пол:
    Мужской
    Я не совсем конечно понял вопрос. Я думаю нужно во первых узнать ширину поля, во вторых присвоить класс к картинке и в стилях прописать 50% ширины поля.
     
  6. Offline

    morkovni Недавно здесь

    Регистрация:
    17.04.2011
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Мужской
    забыл сказать, статью и картинки вставляю через произвольный html-код...
    с процентами я пробовал: с шириной картинки проблем нет (пишу 100%), а если высоту взять 100%, то картинка растягивается на весь экран, так как в шаблоне нет ограничения модулей по выысоте...
    и так как пропорции модулей разные, то при вводе 30% по высоте в одном модуле картинка сплющенная, в другом - растянутая...
     
    Последнее редактирование: 03.05.2011

Поделиться этой страницей

Загрузка...