26 июля 2009 в 20:04
При добавлении картинки в статью, она вылазит за пределы блока, и залазит на следующую новость. Поиск юзал 25 раз, решения не нашел. Средствами css решить проблему тоже не удалось.
Комментарии
Ищите по гуглопоиску позиционирование и обтекание
Купил себе машину серебристого цвета, где-то сзади стучит постоянно, спрашивал в сервисе, не помогают.
Вы бы показали, где этот рисунок, как вы его вставляете, css код который используете. Оборачиваете ли её слоем? Мда...
Тупое сравнение, здесь оно не в тему.
На любой теме , при вставки
в статью или новость, если картинка больше текста, залезает на следующую новость. Вы бы не выпендривались и попробовали бы сами, проблема на друпале давно известная, а вот решений а еще не находил. Просто если картинка меньше текста то все нормально.
Код в студии (html и css от блока), здесь нет телепатов.
Если просите помощи, то показывайте свой код.
20 раз пишу, любая стандартная тема, залезь в стили и сам глянь
Какой код? Ребята эта фича всегда так работала. http://www.drupal.ru/node/2734
В-общем если картинку взять чуть больше, чем текст, то красивый эффект обьемности(трехмерности) получается. Ну, а когда картинка чуть больше тут уже безобразие...
Решений много. Простое использовать lightbox.
http://magiq.ru/
Смотрите но долго безобразие это не оставлю
Может я чего-то не понимаю но у картинки стоит
float: left;
и текст ее обтекает, разве что я бы еще margin картинке добавил
Делай картинки меньше - в чем проблема??? Или если ты хочешь сказать, что на других сайтах и других движках при флоат:лефт в стилях, картинка не "залазит" на текст, а мистическим образом уменьшается - переходи на другой движек... ))))))
в качестве временного решения после текста выставь Enter до нужной высоты и ставь
<!--break-->Оберните текст после картинки во что-нибудь (div, span, p на худой конец), используйте css и будет вам счастье
пробовал, не помогает
В вашем случае это решается добавлением свойства clear: both; для .node-type-story или .teaser
И друпал тут не при чем!
не сгущайте краски.
а что причем? на меня наложили темную магию? или расположение звезд неудачное? На всех темах такое, не только на этой.
в каком css файле? В теме нету таких классов
По крайней мере я этим пользуюсь
Извините, забыла, что теги не отображаются.
br clear
По крайней мере я этим пользуюсь
В вашем случае это вроде div.node файла стилей темы (723 строка)
А кто мешает добавить или взять другой стиль, для котрого применимо это свойство в данном случае. Заголовок например
Попробуйте для начала вставить css в файл темы. Чтобы понять что это сработает. При условии что вы ориентируетесь хоть немного в css. В противном случае лучше попросите помочь делом знающего человека. Сделать чаще быстрее чем объяснять вам как и что
не бесплатно естественно.
Вообще не обязательно файлы темы менять, если вы ее обновлять будете. Можно через админку. В блоке например. Поищите здесь на сайте как делать вставку css через php, используя API друпала. Это как вариант.
Можно просто в блоке стили прописать.
Главное расположите блок выше контента!
Вообще как всталять css это уже второй вопрос.
причем знание css и html
Нет на 100% универсальных тем. Особенно учитывая что модули добавляют свои стили. Не может же дизайн учитывать стили всех модулей сразу, и новых в том числе
Еще один вариант, при вставке картинок в контент вставлять их перед пустым div для которого прописать свойство clear:both;
А вообще, всё это решается примерно так:
.node img, .node a img {float: left; width: 150px; height: 250px; margin: 5px 20px 5px 10px; }
Это в том случае, если картинка находится в блоке с классом node. То есть, нужно прописать фиксированные размеры для изображения. К тому же, вряд ли кому-то понравится мельтешение картинок разного размера, имхо.
ужасное решение, не один нормальный человек в здравом уме не будет прописывать всем картинкам размер
Применять единый стиль сразу для всех картинок внутри ноды... хм. А зачем?
Проблема не в размере картинок, а в том, что свойство float не очищается и картинки "клеятся" к ближайшему div.
Кроме того, решение делать все картинки одинаковыми может усложнить жизнь начинающим. Все же бывает нужно в тексте разные картинки ставить, а учитывая небольшие познания в области css не каждый сможет самостоятельно перекрыть предложенный вами вариант стиля. ИМХО.
Тоже не радует.
не помогает
Кстате IE нормально все показывает!
Должно помочь и помогает. См. скриншот, сделал у себя локально, добавив в конец файла стилей:
.teaser {
clear: both;
}
Можете здесь же еще отступы настроить, а то близко друг к другу. Хотя лучше отступы лучше для картинки прописать.
Проверьте через firebug не перекрываются ли стили и какой стиль применяется. Не забудьте очистить кэш и отключить сжатие css в настройках производительности, если включено.
Если добавите clear: both; для .node тоже будет то что надо, но могут быть подводные камни если начнете использовать сетку во вьсах и т.п., т.к. .node слишком "общий" класс захватывающий отображение и тизеров и полнотекстовых страниц.
P.S. Альтернатива изменению файлов темы - модуль customcssjs
Да смени ты в style.css своей темы (723 строка)
margin:0 0 30px;
}
на
clear:both;
margin:0 0 30px;
}
и пиши в теме РЕШЕНО!
Спасибо
и от меня Спасибо!!!