Здесь курят мануал.

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Пыха информатор 3.1
Еще более удобное оповещение о флуде!

Краснодарское время: 23 Май, 2012, 05:51:50

Страниц: 1 [2]
Печать
Автор Тема: Сделать блок с закругленными углами? [кроссбраузерно, без js]  (Прочитано 2490 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
mario    ↓ 
05 Апрель, 2009, 10:44:15
НЕ ХУЕТА! ХУЕТА!

wazzup
Группа: Джедаи

Карма: 67
Сообщений: 6162
Сила слова: 1.09

собственно тема еще открыта :)
хотелось бы посмотреть как именно Вы делаете :) хотя ссылки тоже пойдут :)
Записан

с ув. mario.
Контакты
md5    ↓ 
05 Апрель, 2009, 11:17:15 , спустя 33 минуты
НЕ ХУЕТА! ХУЕТА!

выезд, апартаменты, массаж, стриптиз, подружки, дорого
Группа: в ухо

Карма: не нужна
Сообщений: 10494
Сила слова: 1.19

я делаю
HTML
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
а Опера ваше и тем более ИЕ — гавно
а раз выбрали гавно — сидите с квадратными углами
МУХАХАХАХА! БЛЯТЬ
Записан

8: Undefined variable: str
Файл: /home/pyha/pyha.ru/forum/bbcode/Xbb/Tags/Man.php
Строка: 18
adw0rd: мудень блять, я уже фиксить стал эту фигню :)
md5: вуахахахаха
phpdude    ↓ 
05 Апрель, 2009, 11:28:40 , спустя 11 минут 25 секунд
НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 344
Сообщений: д-о-х-у-я!
Сила слова: 1.66

md5, +1.
Записан

забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
Убийца    ↓ 
06 Апрель, 2009, 12:02:45 , спустя 34 минуты 5 секунд
НЕ ХУЕТА! ХУЕТА!

адский парень
Группа: Жмурики

Карма: 7
Сообщений: 530
Сила слова: 1.32

md5, +1
Записан
md5    ↓ 
06 Апрель, 2009, 12:32:08 , спустя 29 минут 23 секунды
НЕ ХУЕТА! ХУЕТА!

выезд, апартаменты, массаж, стриптиз, подружки, дорого
Группа: в ухо

Карма: не нужна
Сообщений: 10494
Сила слова: 1.19

md5, +1
Записан

8: Undefined variable: str
Файл: /home/pyha/pyha.ru/forum/bbcode/Xbb/Tags/Man.php
Строка: 18
adw0rd: мудень блять, я уже фиксить стал эту фигню :)
md5: вуахахахаха
Timur    ↓ 
06 Апрель, 2009, 09:24:44 , спустя 8 часов 52 минуты 36 секунд
НЕ ХУЕТА! ХУЕТА!

NullPointerException
Группа: в ухо

Карма: 56
Сообщений: 1009
Сила слова: 5.55

border-radius не панацея. Если по краям и углам нестандартный фон, тени всякие, то одинхер придётся изворачиваться и распихивать кучу дополнительных блоков, что бы мог тянуться во все стороны. А border-image и multiple backgrounds остаются пока только в мечтах о светлом будущем.
 
зы: IE кстати, начиная с 6-ой версии блок fieldset рисует с закгругленными углами по-умолчанию. Если к нему же добавить *-border-radius, то получится почти кроссбраузерно (Opera в пролете). К сожаленью цвет, форму, толщину рамки менять уже не получится, так что это только для самых простых случаев. Ну и валидатор будет ругаться, наверное, если fieldset не в form.
Записан
Givi    ↓ 
06 Апрель, 2009, 10:16:14 , спустя 51 минуту 30 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 42
Сообщений: 2305
Сила слова: 1.82

Вообще все зависит от самого блока и самой рамки. Если блок фиксированой ширинs, то элементарно "кусаю" верхнюю рамку до окончания закругления + такую же нижнюю. Ну и центральную с бордерами боковыми.
Если же блок динамический, то зависит от настроения :) Есть несколько вариантов. Но пока ещё не видел вариантов кроссбраузерных и при этом красивых своим кодом :)
Записан

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
mario    ↓ 
06 Апрель, 2009, 10:29:29 , спустя 13 минут 15 секунд
НЕ ХУЕТА! ХУЕТА!

wazzup
Группа: Джедаи

Карма: 67
Сообщений: 6162
Сила слова: 1.09

Givi, а то что я не привел не подходит на рольк кросбраузерности и красивого кода?
Записан

с ув. mario.
Контакты
Timur    ↓ 
06 Апрель, 2009, 10:50:57 , спустя 21 минуту 28 секунд
НЕ ХУЕТА! ХУЕТА!

NullPointerException
Группа: в ухо

Карма: 56
Сообщений: 1009
Сила слова: 5.55


Givi, а то что я не привел не подходит на рольк кросбраузерности и красивого кода?
Дополнительные элементы по углам (tl,tr,bl,br) — это уже некрасиво. В идеале должен быть один единственный блок, а всё что касается его оформления должно быть задано через стили. На данный момент, это невозможно. JS я не считаю, т.к. оформление через скрипты ничем не лучше. Всякие VML и SVG тоже имхо, для рисования рамок не лучший инструмент.
 
Но пока ещё не видел вариантов кроссбраузерных и при этом красивых своим кодом :)
+1
Ждем поддержки CSS3 в браузерах.
Записан
Givi    ↓ 
06 Апрель, 2009, 11:14:43 , спустя 23 минуты 46 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 42
Сообщений: 2305
Сила слова: 1.82

mario, там вообще непонятна привязка стилей к приведенному тобою ХТМЛ-коду.
Потому она и не есть красивой :)
 
Timur
Из всего такого приходиться юзать вложенные блоки. Вариант хреновый по красоте кода, но кроссбраузерный и визуально понятный. Но опять таки, все зависит от задачи и параметров блока. Динамику стоить тяжелее.
« Последнее редактирование: 06 Апрель, 2009, 11:17:04 от Givi » Записан

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
mario    ↓ 
06 Апрель, 2009, 02:54:57 , спустя 3 часа 40 минут 14 секунд
НЕ ХУЕТА! ХУЕТА!

wazzup
Группа: Джедаи

Карма: 67
Сообщений: 6162
Сила слова: 1.09

да... я думал все же есть, какой то метод :D ну да ладно, ждем ксс3, и когда же наконец убьют осла!
Записан

с ув. mario.
Контакты
NRG    ↓ 
06 Апрель, 2009, 03:18:15 , спустя 23 минуты 18 секунд
НЕ ХУЕТА! ХУЕТА!

Headshot!MultiKill!
Группа: нинзя

Карма: 777
Сообщений: 4700
Сила слова: 16.81

mario, осла если и убьют, то не при нашей жизни)))
зы 900
Записан

Буратино дрочил, дрочил и сгорел
Java и JavaScript это абсолютно разные вещи !!!
Господа, вы хуйня.
девушки краснели, отворачивались но порнуху продолжали смотреть
Timur    ↓ 
06 Апрель, 2009, 04:33:37 , спустя 1 час 15 минут 22 секунды
НЕ ХУЕТА! ХУЕТА!

NullPointerException
Группа: в ухо

Карма: 56
Сообщений: 1009
Сила слова: 5.55

NRG, мне уже кажеться что без IE6 было бы неинтересно )
Записан
phpdude    ↓ 
06 Апрель, 2009, 05:21:32 , спустя 47 минут 55 секунд
НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 344
Сообщений: 20780
Сила слова: 1.66

Timur, скоро так про 7ой будешь говрить))))
 
а по делу, да. если бы не ие6 то не было бы разделения на "ахуенный верстальщик" "верстальщик так себе"
Записан

забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
Страниц: 1 [2]
Печать
 

Перейти в: