форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Код следующий:
в css:
#logo {
background-color : #DBDBDB;
width: 160px;
height: 100px;
text-align: right;
float:left;
}
в шаблоне:
<div id="logo">
<txp:image id="2"/>
</div>
Картинка высотой 100px.
Но в IE6 снизу все равно подчеркивается фоном бэкграунда.
В IE7 все нормально, в других браузерах не пробовал.
Как решить такую проблему?
Неактивен
А что получается в итоге работы этого кода?
<div id="logo"> <txp:image id="2"/> </div>
В смысле, увидеть бы итоговый кусок html, формируемый этим кодом Текстпаттерна.
Неактивен
готовый код таков:
<div id="logo">
<a href="http://site.ru/"><img src="http://site.ru/images/2.jpg" height="100" width="99" alt="" /></a>
</div>
Неактивен
По тупизне своей не могу вспомнить, что это за баг, конкретно. Сильно похоже на "3 Pixel Text Jog", но внизу отступ в 4 пикселя, а не в три
Если нужно сильно быстро, можно тупо сделать
* html #logo a img { margin-bottom: -4px; }
дополнительно к твоему коду в CSS. Ну и
#logo a img { border:none; }
можно еще сделать, на всякий.
Дальше CSS-монстры может чего подскажут
Отредактированно marazmus (26-03-2007 19:37:40)
Неактивен
По идее должен работать такой код
#logo { background-color : #DBDBDB; width: 160px; height: 100px; text-align: right; float:left; margin:0px; padding:0px; } #logo a {margin:0px; padding:0px;} #logo img {margin:0px; padding:0px;display:block;}
Нужно img сделать блочным элементом и задать нулевые отступы
Неактивен
Спасибо! А за что отвечает display? Как его использовать, когда и где? Подскажите новичку...
Неактивен
Поможем чем можем. http://htmlbook.ru/css/display.html
Неактивен
Зато теперь, при использовании display: block; картинка не выравнивается по правому краю в Опере
Неактивен
Тогда пиши float:right
Неактивен
AngryCAT написал:
Тогда пиши float:right
Мне не нужно, чтобы слой сдвигался вправо, а только картинка в слое.
Наверно, придется делать 2 слоя, один - контейнер...
Неактивен
marazmus написал:
Мне не нужно, чтобы слой сдвигался вправо, а только картинка в слое.p
Тогда нужно "флоатить" не слой, а картинку Т.е.
#logo img { float: right; }
Тогда в IE7 появляется отступ справа в несколько пикселей.
А когда float засовываешь в #logo a, тогда все ок
Неактивен