Выравнивание Ul в ячейке таблицы по правому краю

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем gegmaster, 15 сен 2011.

Статус темы:
Закрыта.
  1. gegmaster

    gegmaster Гость

    Здравствуйте. Помогите пожалуйста выровнять список (пагинацию) по правому краю ячейки. Что я только не делал: text-align: right в теге TD не помогает, пробовал float:right в теге DIV - выравнивает, но не так как надо; пробовал в каждый тег LI ставить float:right - но тогда список переворачивается задом-наперед.

    Привожу примерный код (в моем случае LI отображаются в цикле на PHP):

    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">html</div></div><div class="sp-body"><div class="sp-content">
    HTML:
    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    </head>
    <body>
    <table border="1" style="width: 100%; border-collapse: collapse;"><tr>

    <td style="border: 1; width:15%;">Что либо</td>
    <td style="border: 1; width:15%;">Что либо</td>
    <td style="border: 1; width:70%;">
    <ul id="pagination-digg">
    <li class="previous-off">«Previous</li>
    <li class="active">1</li>
    <li><a href="?page=2">2</a></li>
    <li><a href="?page=3">3</a></li>
    <li><a href="?page=4">4</a></li>
    <li><a href="?page=5">5</a></li>
    <li><a href="?page=6">6</a></li>
    <li><a href="?page=7">7</a></li>
    <li class="next"><a href="?page=2">Next »</a></li>
    </ul>
    </td>

    </tr><table>  
    </body>
    </html>
    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">style.css</div></div><div class="sp-body"><div class="sp-content">
    Код (Text):
    ul{border:0; margin:0; padding:0;}

    #pagination-digg li{
    border:0; margin:0; padding:0;
    font-size:11px;
    list-style:none;
    margin-right:2px;
    }
    #pagination-digg a{
    border:solid 1px #9aafe5;
    margin-right:2px;
    }
    #pagination-digg .previous-off,
    #pagination-digg .next-off {
    border:solid 1px #DEDEDE;
    color:#888888;
    display:block;
    float:left;
    font-weight:bold;
    margin-right:2px;
    padding:3px 4px;
    }
    #pagination-digg .next a,
    #pagination-digg .previous a {
    font-weight:bold;
    }
    #pagination-digg .active{
    background:#2e6ab1;
    color:#FFFFFF;
    font-weight:bold;
    display:block;
    float:left;
    padding:4px 6px;
    }
    #pagination-digg a:link,
    #pagination-digg a:visited {
    color:#0e509e;
    display:block;
    float:left;
    padding:3px 6px;
    text-decoration:none;
    }
    #pagination-digg a:hover{
    border:solid 1px #0e509e;
    }
     
Загрузка...
Похожие Темы - Выравнивание ячейке таблицы
  1. NickProstoNick
    Ответов:
    0
    Просмотров:
    770
  2. 123456789igor
    Ответов:
    0
    Просмотров:
    1.138
Статус темы:
Закрыта.

Поделиться этой страницей