Textpattern - на русском языке

форум общения русскоязычных пользователей CMS Текстпаттерн

Вы не зашли.

#1 26-03-2007 18:36:39

kovaldo
веди
Зарегистрирован: 21-03-2007
Сообщений: 17

картинка в div создает лишнюю строку в ie6

Код следующий:

в 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 все нормально, в других браузерах не пробовал.
Как решить такую проблему?

Неактивен

 

#2 26-03-2007 18:39:49

marazmus
наш
Откуда: Россия, Октябрьский
Зарегистрирован: 23-01-2006
Сообщений: 217
Вебсайт

Re: картинка в div создает лишнюю строку в ie6

А что получается в итоге работы этого кода?

Код:

<div id="logo">
<txp:image id="2"/>
</div>

В смысле, увидеть бы итоговый кусок html, формируемый этим кодом Текстпаттерна.

Неактивен

 

#3 26-03-2007 18:47:34

kovaldo
веди
Зарегистрирован: 21-03-2007
Сообщений: 17

Re: картинка в div создает лишнюю строку в ie6

готовый код таков:

<div id="logo">
<a href="http://site.ru/"><img src="http://site.ru/images/2.jpg" height="100" width="99" alt=""    /></a>
</div>

Неактивен

 

#4 26-03-2007 19:36:22

marazmus
наш
Откуда: Россия, Октябрьский
Зарегистрирован: 23-01-2006
Сообщений: 217
Вебсайт

Re: картинка в div создает лишнюю строку в ie6

По тупизне своей не могу вспомнить, что это за баг, конкретно. Сильно похоже на "3 Pixel Text Jog", но внизу отступ в 4 пикселя, а не в три smile

Если нужно сильно быстро, можно тупо сделать

Код:

* html #logo a img { margin-bottom: -4px; }

дополнительно к твоему коду в CSS. Ну и

Код:

#logo a img { border:none; }

можно еще сделать, на всякий.

Дальше CSS-монстры может чего подскажут smile

Отредактированно marazmus (26-03-2007 19:37:40)

Неактивен

 

#5 27-03-2007 13:21:16

Nikk
глаголь
Откуда: Москва
Зарегистрирован: 26-06-2006
Сообщений: 35
Вебсайт

Re: картинка в div создает лишнюю строку в ie6

По идее должен работать такой код

Код:

#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 сделать блочным элементом и задать нулевые отступы

Неактивен

 

#6 27-03-2007 15:52:17

marazmus
наш
Откуда: Россия, Октябрьский
Зарегистрирован: 23-01-2006
Сообщений: 217
Вебсайт

Re: картинка в div создает лишнюю строку в ie6

Работает, проверил, спасибо smile Ждем kovaldo smile

Все дело в display:block, но почему, интересно?

Неактивен

 

#7 30-03-2007 17:37:03

kovaldo
веди
Зарегистрирован: 21-03-2007
Сообщений: 17

Re: картинка в div создает лишнюю строку в ie6

Спасибо! А за что отвечает display? Как его использовать, когда и где? Подскажите новичку...

Неактивен

 

#8 31-03-2007 01:59:24

AngryCAT
ферт
Откуда: Германия
Зарегистрирован: 18-04-2006
Сообщений: 486
Вебсайт

Re: картинка в div создает лишнюю строку в ie6

Поможем чем можем. http://htmlbook.ru/css/display.html


TextPattern строить и жить помогает! Кстати, пишу плагины на заказ. ICQ 155-08-081. В асю, пожалуйста, по поводу заказов или платных консультаций (10$ час). Остальные вопросы в форум или на почту.

Неактивен

 

#9 31-03-2007 09:33:57

kovaldo
веди
Зарегистрирован: 21-03-2007
Сообщений: 17

Re: картинка в div создает лишнюю строку в ie6

Зато теперь, при использовании display: block; картинка не выравнивается по правому краю в Опере sad

Неактивен

 

#10 31-03-2007 15:08:35

AngryCAT
ферт
Откуда: Германия
Зарегистрирован: 18-04-2006
Сообщений: 486
Вебсайт

Re: картинка в div создает лишнюю строку в ie6

Тогда пиши float:right


TextPattern строить и жить помогает! Кстати, пишу плагины на заказ. ICQ 155-08-081. В асю, пожалуйста, по поводу заказов или платных консультаций (10$ час). Остальные вопросы в форум или на почту.

Неактивен

 

#11 01-04-2007 23:46:05

kovaldo
веди
Зарегистрирован: 21-03-2007
Сообщений: 17

Re: картинка в div создает лишнюю строку в ie6

AngryCAT написал:

Тогда пиши float:right

Мне не нужно, чтобы слой сдвигался вправо, а только картинка в слое.
Наверно, придется делать 2 слоя, один - контейнер...

Неактивен

 

#12 02-04-2007 09:49:13

marazmus
наш
Откуда: Россия, Октябрьский
Зарегистрирован: 23-01-2006
Сообщений: 217
Вебсайт

Re: картинка в div создает лишнюю строку в ie6

Мне не нужно, чтобы слой сдвигался вправо, а только картинка в слое.p

Тогда нужно "флоатить" не слой, а картинку smile Т.е.
#logo img { float: right; }

Неактивен

 

#13 02-04-2007 10:33:29

kovaldo
веди
Зарегистрирован: 21-03-2007
Сообщений: 17

Re: картинка в div создает лишнюю строку в ie6

marazmus написал:

Мне не нужно, чтобы слой сдвигался вправо, а только картинка в слое.p

Тогда нужно "флоатить" не слой, а картинку smile Т.е.
#logo img { float: right; }

Тогда в IE7 появляется отступ справа в несколько пикселей.
А когда float засовываешь в #logo a, тогда все ок

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru