Jump to content
  • 0

Альтернатива legend в fieldset


YurikMurik
 Share

Question

4 answers to this question

Recommended Posts

  • 1

Имеется ввиду следующее:

<div class="box"></div>
.box{
  width: 400px;
  height: 200px;
  border: 1px solid #000;
  border-top: none;
  position: relative;
}
.box:before{
  display: block;
  content: '';
  height: 1px;
  width: calc(50% - 40px);
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
}
.box:after{
  display: block;
  content: '';
  height: 1px;
  width: calc(50% - 40px);
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
}

И все-таки, чем не устраивает тег legend?

Link to comment
Share on other sites

  • 0
В 11.04.2018 в 13:31, vladmih сказал:

вехнюю полосу сделать через after и before
для правого
right: 0px;

left: calc(50 - X)

где X - это половина дырки между линиями в px

Не совсем понял что вы имеете в виду. Можно поподробнее ? Никогда до этого не строил линии при помощи псевдоэлементов

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

  • Similar Content

    • By San4ous
      Привет, подскажите пожалуйста, как мне сделать рамку вокруг изображения, между которыми можно вставить текст (как подпись к картинке), т.е как в Википедии. Если что, работаю в Sulime text html
    • By grrr
      Всем привет!
      Столкнулся с такой проблемой: На сайте у <fieldset> закруглены углы и изменен цвет рамки. Но на IPAD рамка вообще не отображается (Safari, Chrome).
       
      Кто-нибудь сталкивался с подобной проблемой или знает что с эти можно сделать или как это отловить? (Может какие специализированные инструменты есть для подобных случаев).
       
      Спасибо.
×
×
  • 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