Jump to content
  • 0

Fieldset, закругление углов


BassEast
 Share

Question

привет.

Кто-нибудь сталкивался с такой штуковиной?

legenda.gif

Сверстать такой блок дивами, а label спозиционировать абсолютно, расставив маргины — просто.

НО!

Я пока не нашел наглядного примера, для данного случая, сделать такой же блок, с закруглёнными краями, но используя такую структуру:

<fieldset>
<legend>Ледженд</legend>
<label></label>
</fieldset>

Edited by BassEast
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
ну чего, css эксперты?)) нереально такое замутить?)

Только если известен цвет окружающего бекграунда, тогда гугла спросить "скругление уголков CSS рамка" + относительное позиционирование (z-index больше чем у рамки) заголовка с цветным под общий фон бордером снизу и отриц. маргином так же снизу или bottom:-ширина рамки и любым способом опустить его содержание вниз, типа спан с релейтивом или еще пару способов.

Если окружающий фон неизвестен - то анриал.

Link to comment
Share on other sites

  • 0
Только если известен цвет окружающего бекграунда, тогда гугла спросить "скругление уголков CSS рамка" + относительное позиционирование (z-index больше чем у рамки) заголовка с цветным под общий фон бордером снизу и отриц. маргином так же снизу или bottom:-ширина рамки и любым способом опустить его содержание вниз, типа спан с релейтивом или еще пару способов.

Если окружающий фон неизвестен - то анриал.

Ну, можно сделать немного не так.

Нарезать эту конструкцию на сендвич из 3 слоев: заголовок, контент с простым бордюром, подвал.

Исхитриться без фона под заголовком, я думаю можно. Нам нужно, чтобы некий блок начинался сразу после текста. На выручку может придти display: table-cell, или хитрости с отрицательным смещением текста относительно правой части закругления.

Edited by s0rr0w
Link to comment
Share on other sites

  • 0
Ну, можно сделать немного не так.

Нарезать эту конструкцию на сендвич из 3 слоев: заголовок, контент с простым бордюром, подвал.

Исхитриться без фона под заголовком, я думаю можно. Нам нужно, чтобы некий блок начинался сразу после текста. На выручку может придти display: table-cell, или хитрости с отрицательным смещением текста относительно правой части закругления.

сендвич из 3-ёх частей, это то понятно, но здесь уже увы Fieldset.

Кстати.. нигде в нете нет ответа на эту хрень, ладно еще поковыряюсь.. может найду решение, если нет... то в топку.

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