Jump to content
  • 0

Проблема с тегом <hr>


Cluber
 Share

Question

Всем привет!

У меня проблема, которую не могу решить целый день!

В верстке в общем пробем нету!

Короче у меня есть страница с новостями, они подгружаються с БД.

Когда новости отпрограмировал, поставил что бы после каждой новости была линия, что бы чем-то разделять, ну и для красоты, использовал в этом случаи тег <hr> подошол на ура...

но вот проблема, как мне убрать после последней новости последнюю линию, в гугли ничего не нашел.

Сначало подумал, что проблем не будет, что уберу last-chil'ом, но это не css. Короче посоветуйте что-то. Буду благодарен.

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Во-первых :last-child это и так css

Во-вторых, то что вы хотите сделать стоило делать не с помощью hr, а просто ставить для блоков с постами новостей border-bottom, и тогда уже применять :last-child в котором убирать бордер с последнего элемента. А чтобы увеличить кроссбраузерность, выразите разделитель через border-top, и убирайте лишний с первого поста под средством :first-child (он работает в большем кол-ве браузеров)

  • Like 1
Link to comment
Share on other sites

  • 0

Во-первых :last-child это и так css

Во-вторых, то что вы хотите сделать стоило делать не с помощью hr, а просто ставить для блоков с постами новостей border-bottom, и тогда уже применять :last-child в котором убирать бордер с последнего элемента. А чтобы увеличить кроссбраузерность, выразите разделитель через border-top, и убирайте лишний с первого поста под средством :first-child (он работает в большем кол-ве браузеров)

Да, я что-то не подумал о бордерах...

хорошая мысль...

спасибо....

вот только как отстилизировать как hr потому что у него не просто цвет....

ладно, подумаю...

спасибо за совет...

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