17 января 2010 в 6:34
Вообще меня удивило, что эта функция отсутствует в этом модуле.
Мне надо чтобы картинка была слева а не по центру. Прочитал вот ЭТУ тему и еще очень много на английском. Firebug всегда указывает на одну и ту же переменную
img {
border:0 none;
}
border:0 none;
}
если туда дописать float: left, тогда если последня статья будет короткая, то предыдущая будет залезать на нее и обтекать картинку справа.
Вот ссылка на мой тестовый сайт:
http://koodry.ru/
Комментарии
И?
ну и как сделать так чтобы не было такой проблемы?
мб есть нормальные модули? Или как отделить статьи друг от друга?
Сдается мне, что к заголовку, а даже наверно к классу ноды(.node) нужно прописать дополнительно свойство clear:both
Правильно, Пётр.
clear:both;
}
К тому же давать float:left на класс img неправильно.
Меня всегда удивляли люди, не утруждающие себя чтением документации. На тот же htmlbook.ru написано, для чего float, а для чего clear
спасибо, помогло! Я так и подумал что на img нельзя ставить float:left. Но я не могу найти тот класс, к которому надо дописать этот float:left, чтобы картинка была слева т.к. знания в этой области почти нулевые..
to Skdch
Судя по сайту ты всетаки осилил проблему отображения картинок через float. Уже двое суток бьюсь в поисковик, никак не совладаю с картинками.
Поделись секретом, firebug выводит аналогичную строку "class=imagefield imagefield-field_image", и аналогичныо наследованует свойства от:
1. modules\system\defaults куда ты пытался прописать в первый раз,
2.свойства страницы вцелом - т.е. вся страница едит вправо при прописании float.
3 Свойств левого sidebar.
Использую CSS+Imagefield.
Firebug прекрасно всё показывает, почитайте какой-нить мануал по нему, благо в сети их хватает, не надо лениться, здесь не оценят.
<img class="imagefield imagefield-field_image" width="200" height="150" src="http://koodry.ru/sites/default/files/dwerwer.jpg?1263527335" alt="" ilo-full-src="http://koodry.ru/sites/default/files/dwerwer.jpg?1263527335"/>Тут кроме img, ещё как минимум к двум местам можно прицепиться
Это какого рожна? Всегда давал и работает без проблем
Nook: с float на самом деле всё просто - если вы ставите это свойства элементу, то это значит, что другое содержимое, идущее за ним, может обтекать его слева.
Лечится это просто - даём clear:both; на идущий за "плавающим" элементом (или лучше сразу на div), что как бы означает для браузера "хорош обтекать"
потому что если глобально задавать в виде:
img{
float:left;
}
то у нас это будет действовать на все изображения
Вы написали "на класс img"
Ошибка, сорри
2 Nook
Если картинка выводится модулем imagefield для cck то писать надо
float:left;
}
если imagecache то
float:left;
}
если картинку начинает обтикать нижняя статья то
clear:left;
}
to Skdch и volocuga :
Огромное спасибо за развернутый ответ. Все оказалось очень даже просто.
Для полноты информации хочу уточнить что данные которые привел Skdch:
нужно добавляться в файле: defaults.css
P.S. Спасибо за информацию мне очень пригодилась.
Если чо, то их надо добавлять в style.css, если, конечно, не хотите проблем с обновлением
Не буду настаивать. у меня изменения в файле style.css не приводят к результату. А изменения в defaults.css помогают.
Насчет обновления: "всегда можно подкорректировать".
В добавок было бы не плохо, если бы гуру CSS'а написали как сделать так, чтобы текст не прилимал к картинке, т.е. чтобы отходил от нее на пару пикселей.
p.s.
Добавляем в style.css и после этого заново устанавливаем тему, чтобы она попала в кэш.свойство CSS padding