Xpoint
   [напомнить пароль]

Скругление уголков у картинок

Метки: [без меток]
2007-10-19 15:01:22 [обр] Филипп[досье]

Задача состоит в следующем:
кроссбраузерно закруглять уголки у картинок, сохраняя возможноть оставлять на этой картинке линк и возможность при клике правой кнопкой мыши сохранять картинку - т.е. не фоном ее делать.

Подскажите пожалуйста если есть готовое решение

спустя 12 минут [обр] Евгений Петров(172/1055)[досье]
Класть поверх нее элементы с углами в формате png (прозрачность с внутренней стороны). В общем случае потребуется 4 таких элемента.
спустя 17 минут [обр] Филипп[досье]
меня интересует код - я пробовал разными способами - дивами, таблицами - но не получалось (
спустя 17 секунд [обр] Валера(0/24)[досье]

Филипп[досье],

кроссбраузерно закруглять уголки у картинок, сохраняя возможноть оставлять на этой картинке линк и возможность при клике правой кнопкой мыши сохранять картинку - т.е. не фоном ее делать.

 у вас довольно специфичная задача, вряд ли есть готовое решение, а так можете посмотреть Nifty Corners

спустя 33 минуты [обр] Евгений Петров(172/1055)[досье]
Если не нужно плавных скруглений, то просто
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ru">
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<style type="text/css">
.d{width:100px;}
.d span{position:relative;display:block;overflow:hidden;height:3px;border-left:1px solid #fff;border-right:1px solid #fff;}
.d .top{margin:0 0 -3px;}
.d .bottom{margin:-3px 0 0;}
.d .top span{top:-1px;}
.d .bottom span{top:1px;}
</style>
</head>
<body>
<div class="d">
  <span class="top"><span><span></span></span></span>
  <div style="width:100px;height:75px;background:#369;"></div>
  <span class="bottom"><span><span></span></span></span>
</div>
</body>
</html>
спустя 8 часов [обр] Алексей В. Иванов(197/2861)[досье]
сообщение промодерировано
Филипп[досье]
Ссылки по CSS смотрели?
Правда, мне решения не подошли, я использую своё:
http://aivanov.com/test/round_corners/
спустя 5 дней [обр] Алексей В. Иванов(197/2861)[досье]
Обновил решение по вышеприведённой ссылке. Теперь можно центрировать.
спустя 5 дней [обр] Валера(0/24)[досье]
Алексей В. Иванов[досье],
round_corners.zip: Неожиданный конец архива
спустя 8 часов [обр] Алексей В. Иванов(197/2861)[досье]
хм. странная проблема. именно этот файл, если забирать по http (по ftp нормально), то он конкретно портиться после 21583 байта. заголовки правильные, перекодировки нет. мистика. переименовал файл — всё заработало.
Powered by POEM™ Engine Copyright © 2002-2005