Добрый день, друзья! Существую 6 фотографий на одной линии - это галерея, превью (маленькие картиночки). Каждая из фотографией является также ссылкой, которая открывает большое изображения (стандартная схема). Задача в том, что вокруг изображения - рамка в 6px, а между фотографиями должно быть тоже 6px. Т.е. если вокруг фото - рамка, то получается расстоянием между фотографиями в 12px. Зачем я так делаю? Я хочу, чтобы когда наводишь на фото, то рамка (в 6px) вокруг этого фото становилась красного цвета. Поэтому если я сдвигаю вторую фотографию влево (margin-left: -6px;), то у первой фотографии рамка уже будет не полная, так как вторая фотография перекрывает своей рамкой первую. <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" > <head> <title>al</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> body { background: #000; } *img { border: 0; } a:link { border: 6px solid #fff; } a:visited { border: 6px solid #fff; } a:active, a:hover { border: 6px solid red; } .left1 { margin-left: -10px; } </style> </head> <body> <a href="hh.html"><img src="1.png" alt="" /></a> <a href="sss.html" /><img class="left1" src="1.png" alt="" /></a> </body> </html> Вот пример в Сети: http://aliveit.ru/ (смотреть в IE6.0). Можно как-то сделать, чтобы не в зависимости от фотографии рамка не перекрывалась? Может наколдовать с position?
