Показать сообщение отдельно
  #1 (permalink)  
Старый 21.11.2015, 10:45
Кандидат Javascript-наук
Отправить личное сообщение для sergofedor06 Посмотреть профиль Найти все сообщения от sergofedor06
 
Регистрация: 10.11.2015
Сообщений: 131

Блок ссылок с полосой прокрутки
Привет!
Может кто подскажет как сделать вот такую верстку на CSS
как она должна выглядеть визуально я преложил скрин!

это блок ссылок к примеру из 50 штук
на сайте выводится только 13 к примеру на рисукнке
чтобы увидеть остальные нужно прокрутить полосу прокрутки!
собственно в этом у меня и вопрос к гуру верстки - как на цсс это сделать
важно что бы эти стили отображались во всех браузерах одинаково
может кто поможет, или даст линк на пример в интернете
вот мой код хтмл с блоком ссылок
Спасибо!


<div class="scroll-block">
      <ul>
        <li><a class="tip" href="link">Ссылка -1</a></li>
        <li><a class="tip" href="link">Ссылка -2</a></li>
        <li><a class="tip" href="link">Ссылка -3</a></li>
        <li><a class="tip" href="link">Ссылка -4</a></li>
        <li><a class="tip" href="link">Ссылка -5</a></li>
        <li><a class="tip" href="link">Ссылка -6</a></li>
        <li><a class="tip" href="link" title="19174">Ссылка -7</a></li>
        <li><a class="tip" href="link" title="8525">Ссылка -8</a></li>
        <li><a class="tip" href="link" title="2552">Ссылка -9</a></li>
        <li><a class="tip" href="link" title="21537">Ссылка -10</a></li>
        <li><a class="tip" href="link" title="46259">Ссылка -11</a></li>
        <li><a class="tip" href="link" title="2768">Ссылка -12</a></li>
        <li><a class="tip" href="link" title="3013">Ссылка -13</a></li>
      </ul>
    </div>



Скриншот блока ссылок
Ответить с цитированием