Jump to content
  • 0

Сложная ссылка


okunev2
 Share

Question

Есть такая ссылка, не знаю как сверстать с минимум тегов.

1028734.jpg

Когда вариант округлость слева и справа это решаемо, а в данном случае стрелка снизу ещё, не совсем понятно как поступить :(

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

А какие браузеры хотите поддерживать? А то можно и одним тегом обойтись.

Приведи пожалуйста различные варианты для IE6-8 или принцип верстки

А что приводить тут? В ИЕ6-7 будет все квадратным и без стрелки. В ИЕ8 будет стрелка, но все еще останется квадратным.

Так скажем, мягкая деградация. Ссылка есть? Есть. Оранжевый фон и белые буквы? Да. Она работает? Да. Ну и все.

Link to comment
Share on other sites

  • 0

Лениво код писать, честное слово. Для скругления углов "раздвижные двери" надо или ставить по краям блоки с круголками, а стрелку в любом случае отдельным блоком либо с фоном, либо картинкой делать. И подвешивать на абсолюте, рассчитав центр ссылки.

На форуме(особенно древние темы) есть похожие решения, поищите.

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