1. Вниманию авторов!

    Темы из разделов платных услуг удаляются, если:
    • тема создана более 2-х месяцев назад И
    • внутри темы не ведётся активных обсуждений задачи И
    • автор не уведомил администрацию об актуальности задачи.
    Так же тема будет удалена, если:
    • есть подозрение на мошеннические действия со стороны автора;
    • в задаче предлагается оказать содействие в разработке ресурсов, направленность которых противоречит законодательству РФ и моральным устоям здорового общества.
    Скрыть объявление

Правка CSS в UberPageBreak

Тема в разделе "АРХИВ", создана пользователем lev, 21.04.2011.

  1. lev
    Offline

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    40
    Пол:
    Мужской
    Подскажите как сдвинуть вместе кнопки?
    Так должно быть:
    demo
    [​IMG]

    Здесь не выходит:
    My
    [​IMG]

    css
    Код (CODE):
    1. /* Common */
    2. a:active,
    3. a:focus {outline:0;}
    4. .clr {clear:both;height:0;line-height:0;margin:0;padding:0;float:none;}
    5.  
    6. /* TOC */
    7. div#pageBreakTOC {clear:both;margin:0;padding:0 0 8px 0;background:#fff;}
    8.     div#pageBreakTOCHeader {display:none;}
    9.    
    10.     div#pageBreakTOC ul {list-style:none;padding:3px 4px 3px;margin:0;border-bottom:1px solid #ccc;}
    11.     div#pageBreakTOC ul li {display:inline;padding:5px 8px 3px;margin:0;border:1px solid #ccc;background:#fff url(../images/tabBackground.png) repeat-x bottom;}
    12.     div#pageBreakTOC ul li a {}
    13.     div#pageBreakTOC ul li a:hover {}
    14.    
    15.     div#pageBreakTOC ul li.even {}
    16.     div#pageBreakTOC ul li.odd {}
    17.    
    18.     div#pageBreakTOC ul li.active {border-bottom:1px solid #fff;;background:#fff;}
    19.     div#pageBreakTOC ul li.active a {font-weight:bold;color:#C7453B;}
    20.  
    21.     span#pageBreakNavigationPrevNext {display:block;float:right;width:150px;text-align:center;font-size:11px;color:#777;padding:4px 0 0 0;}
    22.     span#pageBreakNavigationPrevNext a {}
    23.     span#pageBreakNavigationPrevNext a:hover {}
    24.     span#pageBreakNavigationPrevNext a span {}
    25.    
    26.     #pageBreakTOCFooter {text-align:center;padding:0 4px;}
    27.     #pageBreakTOCFooter a {text-align:center;}
    28.     #pageBreakTOCFooter a:hover {}
    29.     .pageBreakTOCFooterLink {font-weight:bold;color:#C7453B;}
    30.  
    31. /* Navigation */
    32. div#pageBreakNavigation {clear:both;text-align:center;padding:16px;margin:16px 0 0 0;border-top:1px dotted #ccc;}
    33.      span.pagination {display:block;text-align:center;}
    34.      span.pagination a {padding:3px 6px 2px;border:1px solid #eee;background:#fff;margin:0 2px;}
    35.      span.pagination a:hover {text-decoration:none;background:#0C3A6D;border:1px solid #0C3A6D;color:#eee;}
    36.      span.pagination strong span {padding:3px 6px 2px;border:1px solid #ddd;background:#fff;margin:0 2px;color:#C7453B;}
    37.      div#pageBreakNavigation div.pageBreakCounter {padding:4px;text-align:center;font-size:11px;color:#BBBBBB;}
    38.  
    39. /* END */


    Сам код кнопок:
    Код (CODE):
    1. <div id="pageBreakTOC">
    2.     <div id="pageBreakTOCHeader">
    3.         Оглавление    </div>
    4.  
    5.     <span id="pageBreakNavigationPrevNext">
    6.                 <span class="navPrev">&laquo; Пред.</span>
    7.        
    8.                 <span id="pageBreakTOCFooter">
    9.             <a class="pageBreakTOCFooterLink" href="/extensions.html?showall=1">Все стр.</a>
    10.         </span>
    11.        
    12.                 <a href="/extensions.html?start=1"><span class="navNext">След. &raquo;</span></a>
    13.            
    14.     </span>
    15.  
    16.    
    17.     <ul>
    18.         <li class="even active"><a href="/extensions.html">Расширения</a></li>
    19.                 <li class="odd"><a href="/extensions.html?start=1">Компоненты</a></li>
    20.                 <li class="even"><a href="/extensions.html?start=2">Модули</a></li>
    21.                 <li class="odd"><a href="/extensions.html?start=3">Плагины</a></li>
    22.                 <li class="even"><a href="/extensions.html?start=4">Пакеты локализаций</a></li>
    23.  
    24.             </ul>
    25.     <div class="clr"></div>
    26. </div>
     
  2.  

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

Загрузка...