|
Многоточие
|
|
Beginner
125 сообщений
Мужчина
|
Нужно вывести много точек от 1 элемента в строке до другого.Как это сделать ??
Пример :
Погуглил вроде не наткнулся....аж смешно,не уш то в ручную ? : D
|
|
|
|
|
|
Coder
627 сообщений
Мужчина
|
есть несколько способов каждый из которых по своему удобен, я расскажу про первый
Code <div class="tr"> <div class="it_n">название</div> <div class="in_v">значение</div> </div>
на класс .tr выставляем border-bottom: 1px dotted #000;
на класс .it_n, .in_v выставляем background: #цветфона
итого снизу у нас много точек, и благодаря бэкграунду у элементов эти точки только в свободном пространстве, как-то так
включай смекалку
|
|
|
|
|
|
Beginner
100 сообщений
Мужчина
|
syp41k, ты прав, способов можно придумать уйму...но твой вариант вряд ли сработает.
Как-то так:
Code <style> .dott { position:relative; border-bottom:1px dotted #333 } .dott span, .dott a { position:relative; top:2px; display:inline-block; background:#fff } .dott a {float:right} </style> <div class="dott"> <span>Глава 1</span> <a href="#">стр.34</a> </div>
|
|
|
|
|
|
Бывалый
1828 сообщений
Мужчина
|
Quote (HeadMad) syp41k, ты прав, способов можно придумать уйму...но твой вариант вряд ли сработает.
Открою секрет, в ВК такой способ реализации.. Твой вариант не сильно отличается от варианта syp41k'а.
И тег a должен быть перед span. |
|
|
|
|
|
Beginner
100 сообщений
Мужчина
|
Quote (Moool13) Твой вариант не сильно отличается от варианта syp41k'а.
Ну в том и суть я подрихтовал его способ....Quote (Moool13) И тег a должен быть перед span.
???Это что-то новенькое... Почему? |
|
|
|
|
|
Бывалый
1828 сообщений
Мужчина
|
Quote (HeadMad) ???Это что-то новенькое... Почему?
Ну да, в данном случае строчный тег, а не блочный, не обратил внимания. |
|
|
|
|
|
Beginner
100 сообщений
Мужчина
|
Quote (Moool13) Ну да, в данном случае строчный тег, а не блочный, не обратил внимания.
Вообще не понял, о чем ты? просвети... |
|
|
|
|
|
Coder
627 сообщений
Мужчина
|
HeadMad, походу ты просто где-то мозг забыл, поищи в кармашке, может найдется =)
|
|
|
|
|
|
Beginner
100 сообщений
Мужчина
|
syp41k, может ты еще хочешь выебнуться и сказать что эта верстка не работает?
|
|
|
|
|
|
Бывалый
1828 сообщений
Мужчина
|
Quote (HeadMad) Вообще не понял, о чем ты? просвети...
Попробуй 2 варианта:
Code <style> .dott { position: relative; border-bottom: 1px dotted #333 } .dott span, .dott a { position: relative; top: 2px; display: inline-block; background: #fff } .dott a { float: right } </style> <div class="dott"> <div>Глава 1</div> <a href="#">стр.1</a> </div> <div class="dott"> <div>Глава 2</div> <a href="#">стр.2</a> </div> <div class="dott"> <div>Глава 3</div> <a href="#">стр.3</a> </div> <div class="dott"> <div>Глава 4</div> <a href="#">стр.4</a> </div> <hr style="clear:both;margin:20px 0;"> <div class="dott"> <a href="#">стр.1</a> <div>Глава 1</div> </div> <div class="dott"> <a href="#">стр.2</a> <div>Глава 2</div> </div> <div class="dott"> <a href="#">стр.3</a> <div>Глава 3</div> </div> <div class="dott"> <a href="#">стр.4</a> <div>Глава 4</div> </div> |
|
|
|
|
|
Beginner
100 сообщений
Мужчина
|
А! ебт, Moool13, понял, про что ты... но у меня то-не div, а span... хотя если вместо span подставить div в моем варианте- получится то же самое. Главное в стилях тоже поменять.
|
|
|
|
|
|
Бывалый
1828 сообщений
Мужчина
|
HeadMad, на это я и напечатал:
Quote (Moool13) Ну да, в данном случае строчный тег, а не блочный, не обратил внимания.
|
|
|
|
|
|
Бывалый
398 сообщений
Мужчина
|
Quote (Moool13) Открою секрет, в ВК такой способ реализации
скажи где... любопытно стало)) |
|
|
|
|
|
Coder
627 сообщений
Мужчина
|
lifee, интересен способ реализации? тогда пользуйся, видел его на очень многих сайтах
если просто придираешься тогда иди проветрись)
|
|
|
|
|
|
Бывалый
398 сообщений
Мужчина
|
syp41k, блин.. я спросил где именно на сайте ВК это реализовано? Просто хочу посмотреть для чего они этот способ использовали.
|
|
|
|
|
|
Бывалый
1828 сообщений
Мужчина
|
lifee, 
|
|
|
|
|
|
Бывалый
398 сообщений
Мужчина
|
Moool13, интересно, спасибо
|
|
|
|
|
|
