Показано с 1 по 8 из 8

Тема: Вертикальное выравнивание в div с разделителями

  1. #1

    Регистрация
    27.08.2006
    Сообщений
    5
    Привет. У меня возникла следующая проблема. Есть div, внутри идет список ссылок, расположенных в строку. Ссылки отделены друг от друга полосками, в виде gif-ов. Эти полоски намного выше высоты текста и знимают всю высоту div-а. Мне нужно сделать так, чтобы текст вертикально выравнялся как middle. Из-за этих полосок не получается, может кто подскажет как можно выйти из ситуации. Спасибо.

  2. #2

    Регистрация
    07.07.2006
    Сообщений
    105
    Код:
    line-height: __px;
    __ — высота полоски.

  3. #3

    Регистрация
    27.08.2006
    Сообщений
    5
    Не проходит. Если полоски-разделители убрать, то все нормально выравнивается. С ней - не получаетс. Видимо, разделитель - это тоже line

  4. #4

    Регистрация
    07.07.2006
    Сообщений
    105
    Полоски в бекграунд

  5. #5

    Регистрация
    27.08.2006
    Сообщений
    5
    Точной! Спасибо!

  6. #6

    Регистрация
    27.08.2006
    Сообщений
    5
    Не, в бэкграунд не получится. Если вставить в бэкграунд ссылки, то полоска получится такой же высоты, как и текст. А по другому я не могу предстваить как можно сделать.

  7. #7

    Регистрация
    07.07.2006
    Сообщений
    105
    Код:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    ****
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    ****<title></title>
    ****<style type="text/css">
    ****/*<![CDATA[*/
    *****{margin: 0; padding: 0;}
    ****ul{margin: 20px;}
    ****ul li{float: left; list-style: none; padding: 0 14px 0 15px; border-left: 1px solid #CCC; text-align: center; height: 2em; line-height: 2em;}
    ****/*]]>*/
    ****</style>
    </head>
    
    <body>
    ****
    • *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] ****
    </body> </html>

  8. #8

    Регистрация
    27.08.2006
    Сообщений
    5
    большое спасибо!

Похожие темы

  1. Вертикальное выравнивание
    от *2D в разделе Вёрстка сайта
    Ответов: 11
    Последнее сообщение: 28.04.2008, 13:29
  2. Вертикальное выравнивание и IE7
    от Kiosuki в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 12.10.2007, 12:52
  3. Вертикальное меню
    от Рёга в разделе Вёрстка сайта
    Ответов: 16
    Последнее сообщение: 12.09.2007, 00:04
  4. Вертикальное дропдаун меню vs. Flash баннер
    от v00dka в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 10.11.2006, 18:29
  5. ВЕРТИКАЛЬНОЕ ВЫРАВНИВАНИЕ ТЕКСТА ВНУТРИ DIVа
    от Webtailor в разделе Вёрстка сайта
    Ответов: 6
    Последнее сообщение: 18.06.2006, 17:01

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •