<div id="d_dv" class="d_dv"
><img id="Cell0" title="Cell0" src="files/cells/cell9.bmp" style="height:30px;width:30px;" /
><img id="Cell1" title="Cell1" src="files/cells/cell19.bmp" style="height:30px;width:30px;" /
><img id="Cell2" title="Cell2" src="files/cells/cell42.bmp" style="height:30px;width:30px;" /
><img id="Cell3" title="Cell3" src="files/cells/cell2.bmp" style="height:30px;width:30px;" /
></div>
Не могу убрать у image справа полоску
У меня на странице несколько картинок подряд в div-e, и между ними в IE пространство в 5 пикселей, то-ли в dive проблема, то-ли в самом image не знаю
Код в студию!
Код в студию![/QUOTE]
Код на С#, я в пустой div добавляю Image
Вот Нtml:
Цитата:
<div id="d_dv" class="d_dv">
<img id="Cell0" title="Cell0" src="files/cells/cell9.bmp" style="height:30px;width:30px;" />
<img id="Cell1" title="Cell1" src="files/cells/cell19.bmp" style="height:30px;width:30px;" />
<img id="Cell2" title="Cell2" src="files/cells/cell42.bmp" style="height:30px;width:30px;" />
<img id="Cell3" title="Cell3" src="files/cells/cell2.bmp" style="height:30px;width:30px;" />
</div>
И я вообще в пустую страницу пробовал image класть, в IE полоска есть а в Opera нет.
Вот, например, если любой аватар на этом сайте выделить, то вместе с картинкой выделится и под ней маленькая полоска.
А если нет, то пропишите у имеджей следующие атрибуты: vspace="0" hspace="0"
Пример:
<IMG src="путь в картинке" height="высота" width="ширина" border="толщина границы" alt="Альтернативный текст" vspace="0" hspace="0" />
Вот и все! Желаю успехов!
З.Ы. И желательно картинки *.bmp, по возможности, не использовать -- большой размер!
Вот полный html который в браузер приходит
div c id "d_Field" это тот див в котором лежат мои неправильные картинки
Вот полный html который в браузер приходит
div c id "d_Field" это тот див в котором лежат мои неправильные картинки[/QUOTE]
Лично у меня пробелов нет!
Но это еще не все. Когда вы пишите значения в атрибутах, т.е.
Цитата:
height="30px" width="30px" border="0px"
то px - НЕ ПИШЕТСЯ!!!
Вот так, как вариант, можно избавиться от переносов строк:
Код:
(качай ЕГО прикрепленный файл!)
Я не знаю, чего у него пробелы, у меня их нет!
может то не пробелы, а булые полосы в картинках?? г
Дело, скорее всего, в стилевых правилах в файле files/Styles.css. Хотелось бы его увидеть.
Да и картинки у меня тоже нормальные, т.е. 30х30 без этих полосок
Код:
div#d_Field img {
margin: 0;
padding: 0;
border: none;
color: #000;
background-color: #fff;
}
margin: 0;
padding: 0;
border: none;
color: #000;
background-color: #fff;
}
Я вот думаю, может у меня дома просто у одного во всем мире какая-то кривая версия IE стоит...
Я уже писал, что если на этом сайте выделить аватар, то вместе с ним выделяется небольшая полоска. Это только у меня или у всех так?
Ух ты! Это что-то! Не знаю что это, то-ли мои кривые руки, то-ли баг IE, то-ли что-то сверхестественное, но если положить image в td (т.е. <table><tr><td><img src="files/space/space0.bmp" alt="qwe" /></td></tr></table>), никакие стили или другие определения свойств image не нужны, он сам все правильно рисует. Я не понимаю что это...
Что означает "правильно рисует"??
Цитата:
Что означает "правильно рисует"??
Правильно, то есть без полоски внизу
Так что ты будешь использовать таблицу? или все таки-хочешь довапаться до истины?
Вот совет:
сохрани отдельно свой див-тэг без стилей, без скриптов, просто с картинками, и если проблем нет - то по-очереди подключай, стили, скрипты... и тогда ты узнаешь в чем ошибка, где загвоздка.
Цитата:
сохрани отдельно свой див-тэг без стилей, без скриптов, просто с картинками, и если проблем нет - то по-очереди подключай, стили, скрипты... и тогда ты узнаешь в чем ошибка, где загвоздка.
Дык в том то и дело, что не могу найти где ошибка, и вобще без стилей, и со всякими разными параметрами отображается одинаково. Да и зачем искать где ошибка, если нашел обходной путь.
Да, всем спасибо за ответы!
Просто, если обходной путь - неоптимальный, а есть, наверное, нормальный путь, то лучше все-таки продолжить поиски! :)
А в чем неоптимальность? Код отправляемый на клиент вырос не сильно, всего на 3 Кб, или может я чего-то не учитываю или не знаю?
У меня на странице несколько картинок подряд в div-e, и между ними в IE пространство в 5 пикселей, то-ли в dive проблема, то-ли в самом image не знаю[/QUOTE]
У строковых элементов есть понятие СТРОКА, а у болковых БЛОК. Этим обьясняется то что там есть лишние "строчные баги". Поэтому чтобы картинка (изначально СТРОКА) оказалась с поведением блока и в тоже время выглядела как строка, то нужно сделать картинку плавающую и только потом уже, если надо, применять margin, padding, width, height... которые применимы только для блоков. Хотя еще не факт, что например IE какой то там версии, строковый элемент SPAN, принимает за хзчто т.е. допустимы значения width height...
[html]
<div class="img">
<img .../>
<img .../>
...
</div>
<div class="img">
<img .../>
<img .../>
...
</div>
...
[/html]
Код:
div
{ clear:both; }
div.img
{ clear:both; float:left; }
.img img
{ width:30px; height:30px; float:left; }
{ clear:both; }
div.img
{ clear:both; float:left; }
.img img
{ width:30px; height:30px; float:left; }