Jump to content
  • 0

Загругленные углы


Dumle
 Share

Question

Здравствуйте :)

Очень хочу научится делать закругленные углы, но ни в какую не получается...

Облазил весь интернет, статей очень много, но не выходит. Без картинок получается, но такой блок очень ограничен. например, я хочу чтобы мой блок был прижат справа, а округленные углы были только слева + чтобы была шапка, тоесть весь блок оранжевый, шапка черная, и левый верхний угол закругленный черного цвета, левый нижний оранжевого соответственно.

Если не сложно опишите принцип и рабочий код, который вы используете например.

Также вопрос, какие должны быть сами картинки по размеру? и зависят ли они от размера блока?

Link to comment
Share on other sites

23 answers to this question

Recommended Posts

  • 0

ну было бы хорошо, но это же css3 и вроде как он еще не поддерживается большинством браузеров...или я не прав и можно смело переходить на него?)

Softlink, да, примерно так, но опять же это css3

Link to comment
Share on other sites

  • 0

ну было бы хорошо, но это же css3 и вроде как он еще не поддерживается большинством браузеров...или я не прав и можно смело переходить на него?)

Softlink, да, примерно так, но опять же это css3

Да, это css3, да, можно смело переходить на него, 85% пользователей используют браузеры, поддерживающие border-radius. Остальные могут перебиться квадратными уголками, т.к. им абсолютно фиолетово, какие уголки. Они могут вообще не подозревать, что на сайтах могут быть круглые углы.

Link to comment
Share on other sites

  • 0

Не пашет) Есть меню, обычное такое. У ссылок задан фон и border-radius. При наведении мышки border-radius не работает. На офф форуме много топиков на эту тему, но без ответа. В одном из них советуют положить PIE.htc в корень - не помогло. Еще советуют прописать Content-type в .htaccess, но на локалхосте не проверить, а сервак у меня на nginx) В общем диллема.

И да, position: relative я прописывал.

Link to comment
Share on other sites

  • 0

Пока никак нельзя отказываться от таблиц, с их помощью можно делать закругленные углы. border-radius не все поддерживают, хотя для каждого браузера можно прописать:

для mozilla: moz-border-radius:30px;

для opera: o-border-radius:30px;

но для IE 6 придется применить таблицы с картинками.

Link to comment
Share on other sites

  • 0

не вводите в заблуждение.

1) border-radius уже поддерживают все распространённые браузеры;

2) вендорные префиксы не нужны уже более года;

3) в примере вендорных префиксов не следует делать синтаксических ошибок.

  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy