HTML+CSS+JavaScript

есть строчка:

<div> <div><img OnClick=javascript:window.location='index.php?catig=".$catig."></div> <div><img OnClick=javascript:window.location='index.php?catig=".$catig."></div> <div><img OnClick=javascript:window.location='index.php?catig=".$catig."></div> <div><img OnClick=javascript:window.location='index.php?catig=".$catig."></div> <div> <div> <div><img OnClick=javascript:window.location='index.php?catig=".$catig."></div> <div><img OnClick=javascript:window.location='index.php?catig=".$catig."></div> <div><img OnClick=javascript:window.location='index.php?catig=".$catig."></div> <div><img OnClick=javascript:window.location='index.php?catig=".$catig."></div> <div>

Нужно чтобы у фотографий небыло отступа между собой. В mozille и opere все норм, фотки смыкаются, а в IE не фига. какой нужно задать style для Img и div ? Помогите весь мозг сломал!!

Поковырял код, и тут немного получилось.
1) сделать код поменьше.

<div> <img OnClick=javascript:window.location='index.php?catig=".$catig."> <img OnClick=javascript:window.location='index.php?catig=".$catig."> <img OnClick=javascript:window.location='index.php?catig=".$catig."> <img OnClick=javascript:window.location='index.php?catig=".$catig."> <div> <div> <img OnClick=javascript:window.location='index.php?catig=".$catig."> <img OnClick=javascript:window.location='index.php?catig=".$catig."> <img OnClick=javascript:window.location='index.php?catig=".$catig."> <img OnClick=javascript:window.location='index.php?catig=".$catig."> <div>

Если в Dremweaver сделать неразрывную строку т.е. соединить <img ...><img ...><img ...> Поместить на одну строку, то работает. Нужен код типа \n \t и тд. А кокой отвечает за не разрыв строки?? Спасибо

Не понял: а почему у вас нет ни одного закрывающего тега div ???
img тоже вообще-то категорически рекомендуется закрывать:
<img OnClick=javascript:window.location='index.php?catig=".$catig."/>

Это опечатка!! :)) сейчас исправлю. В исходнике все норм.
Закрыл <img .../> Не помогло.
Тут наверное дело в style Нужно правильно его задать, а уже все перепробовал и нефига.

Непонятно, чего вы хотите: у вас код размещает рисунки внутри div в одну строку - правильно, и вы сами говорите, что отступов нет в таком случае. А что ещё нужно? Хотите перейти на другую строку - используйте <br/>

Я в том плане если я в html напишу напрямую этот код в одну строчку, то все работает, а у меня код формируется через php. Когда я выдаю код:

echo"<img width='100' align='left' OnClick=javascript:window.location='index.php?catig=".$catig." src=".$par['small']."/>\n"

в следствии он формирует этот код не в одну строчку, а в несколько. Поэтому и нужно вместо \n или методом style задать нужные параметры.
\n - пробовал убирать не помогает.

Убрать отступы

margin:0; padding:0;

Добавьте в основной CSS строку

img { border: 0; padding: 0; margin: 0; }

Дальше есть два варианта:
1. Не переносить каретку на следующую строку после тэга <img>. То есть, в редакторе (например, "E Text Editor" или можно хоть в блокноте) писать все, что нужно без отступов и пробелов одной сплошной строков, вот так:

<div><img src="..."><img src="..."><img src="..."></div> <div><img src="..."><img src="..."><img src="..."></div>

2. Использовать спец. программу, которая при сохранении файла убирает все пробелы между тэгами и переносы каретки. Если файлы редактируются через CMS на сервере, то, соответственно, написать скрипт, который будет этим заниматься.

В общем, я думаю, вам подойдет первый вариант.

Upd.
Вспомнил. Можно еще писать

<nobr>текст без переносов</nobr>

И еще в CSS есть замечательная штука:

div.element {   white-space: nowrap; }

Напиши все в одну строку