Здравствуйте.
Я пишу пост и вставляю картинку, задаю ей фиксированный размер в пикселях. – на этом этапе всё ровно.
Когда я задаю картинке alignleft что она была слева, а текст обтекал её справа + margin: 10px; что бы отступ был текста от картинки – горизонтально картинка начинает зависеть от экрана и расширения монитора. Если монитор широкий – она получается растянутая, если окно сделать уже – картинка тоже становится сжатая.
Как мне это победить? Что я делаю не так? Дело в шаблоне?
Вот код этого дела:
<a href="http://www.site.ru/wp-content/uploads/2009/04/1.jpg"><img class="size-medium wp-image-29 alignleft" style="border: 1px solid black; margin: 10px;" title="" src="http://www.site.ru/wp-content/uploads/2009/04/1-300x244.jpg" alt="" width="216" height="176" /></a>- в коде я сам ничего не копаюсь – так всё делает сам вордпресс, я только кнопки нажимаю.
А зачем сжимать картинку, когда можно изначально задать нужные размеры?
Это, вроде, и есть заданные нужные параметры.
Вы меня не поняли. Я имел в виду что саму картинку перед постингом сделать нужного размера, чтобы не приходилось ужимать ее с помощью width и height, да и весить она будет намного меньше. С дури можно, ужать и формат 1600х1200, вот только размер ее не уменьшиться.
Не зависимо от того, какого размера сам файл – картинку растягивает и сжимает как угодно.
Ну так при ужиме файла с помощью width и height его размер-то не меняется, если только визуально, и при загрузке страницы будет подгружаться его полный размер.
Предположим что у вас есть файл 1600х1200 весом в 2 мега, ужав его с помощью width и height до 500х210 ( к примеру) его вес останется равным 2 мега. Так что мешает сразу делать картинку 500х210 которая весить будет не 2 мега, а 300 килобайт и запостить в блог.
То, что: 1. при клике на картинку мне надо что бы она открывалась 2. попробовал – тянется точно так же за экраном.
Дайте ссылку на сайт, посмотрю что у вас там тянется.
Ну Вы только не пугайтесь что у меня тут всё так страшно – я этот сайт только начал делать и пока выглядит страшно infoaustria.ru
у нижней картинки я сделал руками код вот такой
вроде не растягивается, но если делать всё по кнопкам в написании, что вп сам формировал хтмл – получается криво.
Буду благодарен, если поможете)
Нас напугать ой как нелегко 😀
Опять вы используете height и width, зачем я не понимаю. Чтобы все отображалось корректно, нужно прописать в стили темы отображение и позиционирование для картинок. Это наверняка есть, только поправить надо.
А зачем вы каждый раз к картинке прописываете такой длиннющий код. Я бы сделал проще:
для img прописал бы в стилях свойства – border, float и т.д.
в пост добавлял бы <a href=’ссылка_на_оригинальный размер’><img src=’ссылка_на_ файл(уменьшенное изображение)’/></a>
Я сам ничего не делаю, это так у меня вордпресс вставляет, когда я через него картинку вставляю в пост.
Как мне это дело победить? Это дело в теме или в вордпресе?
Можете поучаствовать на не безвозмездной основе?
style.css (line 169)
width:50%; – ваша проблема
А как это вылечить?
Удалить, просто?
Upd: О! Удалил – шикарно! Всё ровно на любом мониторе.
Спасибо.