Точки в списке - PullRequest
       27

Точки в списке

0 голосов
/ 20 июля 2009

Можете ли вы сказать мне код для пунктирной линии в длинном списке для таблицы / столбца, т.е.

Столбец ячейки
Маникюр ............. $ 10,00

Где я могу добавить код, не знаю css, да html

Заранее спасибо

Ответы [ 2 ]

3 голосов
/ 20 июля 2009

Вот то, с чем я только что поиграл (проверено на IE8 и FF3):

<html>
    <head>
        <style>
            .dotted {
                position:relative;
                border-bottom: 1px dotted black;
                background:white;
                height:24px;
                width:300px;
            }

            .item {
                position:absolute;
                height:26px;
                line-height:30px;
                text-align:left;
                background:white;

            }
            .value {
                position:absolute;
                right:0px;
                height:26px;
                line-height:30px;
                background:white;               
                text-align:right;
            }
        </style>
    </head>
    <body>
        <div class="dotted">
            <span class="item">Manicure</span>
            <span class="value">$10.00</span>
        </div>
        <div class="dotted">
            <span class="item">Tanning</span>
            <span class="value">$100.00</span>
        </div>

    </body>
</html>
0 голосов
/ 20 июля 2009

Я не думаю, что точечный лидер (именно так называются точки, которые вы ищете) возможен в чистом HTML. Тебе придется использовать немного CSS.

Вот хорошая статья, с которой стоит начать:

http://web -graphics.com / mtarchive / 001622.php

Теперь, когда вы знаете название того, что ищете, вы также можете немного погуглить и осмотреться, но, как я уже сказал, я думаю, вам, вероятно, придется использовать css.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...