Jump to content
  • 0

Вертикальная тонкая полоска


Melted
 Share

Question

на своем сайте я такую полоску сделал с помощью таблиц "width" на 0.1 % в теге TD, поставил но эта полоска все равно получается толстоватая. нельзя ли как то по другому решить эту проблему?

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
на своем сайте я такую полоску сделал с помощью таблиц "width" на 0.1 % в теге TD, поставил но эта полоска все равно получается толстоватая. нельзя ли как то по другому решить эту проблему?

покажи скрин того, что хочешь получить. А вообще как правило полосу можно сделать фоном, например тойже таблицы

Link to comment
Share on other sites

  • 0
на своем сайте я такую полоску сделал с помощью таблиц "width" на 0.1 % в теге TD, поставил но эта полоска все равно получается толстоватая. нельзя ли как то по другому решить эту проблему?

И вообще, что мешает удалить к чертям пустой TD и воспользоваться бордером соседнего в 1 или нужное количество px?

Link to comment
Share on other sites

  • 0
И вообще, что мешает удалить к чертям пустой TD и воспользоваться бордером соседнего в 1 или нужное количество px?

Да мне всё таки кажется там у него просто можно тупо фоном сделать, да и вообще лишние элементы не использовать :unsure:

Link to comment
Share on other sites

  • 0

в CSS есть border-bottom, border-top, border-left, border-right, которые можно применить к таблицам, ячейкам, блокам div.

<div style="border-bottom:1px solid #e2e2e4;">
инфа
</div>

и всё, наша инфа будет подчеркнута линией заданной толщины, цвета и стиля (сплошная, точечками, черточками...)

Чтоб сделать вертикальную линию слева по высоте текста, нужно 2 контейнера, вложенных один в другой (таблицы, ячейки...) и настроить внешние и внутренние отступы:

<div style="margin:0; padding:20px 0 20px;">
<!-- тут мы создали "ящик", инфа внутри которого не может приближаться ближе 20 пикселей к верхней и нижней стенке -->
<div style="margin:0; padding:0 10px; border-bottom:1px solid #e2e2e4;">
А в этот "ящик" мы ложим свою инфу.<br>
Внешняя "рамка" у нас отсутствует (0 пикселей),<br>
а внутренняя - 0 пикселей сверху и снизу,<br>
по бокам - по 10 пикселей.<br>
Таким образом слева у нас будет Бордер 1 пиксель,<br>
потом невидимая рамка в 10п., потом этот текст,<br>
потом снова невидимая рамка,<br>
а правый Бордер мы не указали, он не нарисуется.
</div>
</div>

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