Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Форматирование списков и текста

Автор: Johny_03 9.8.2008, 12:43

Добрый день!
У меня такая проблемка. Я использую маркирующий список, в виде маркера использую свою иконку, размером 14*24.
Когда я в стиле меняю высоту строк (LINE-HEIGHT: 200% или LINE-HEIGHT: 2), то у меня смещается иконка и становится чуть выше строки,
т.е. такое ощущение, что интервал между иконками по высоте 12, а между строками текста 14.
Как мне исправить это? Или есть другие варианты?

Код


UL {LIST-STYLE-IMAGE: URL("html/ico/book.gif"); FONT-FAMILY: verdana, arial; FONT-SIZE: 14; FONT=WEIGHT: bold; LINE-HEIGHT: 2}

Код


 <table border=0 width=100% align="center">
    <tr align="center" valign="top">
        <td bgcolor="#ffffff" valign="top" align="left">
            <H1>О компании</H1>
            <br>
            <UL>
                <a href="#"><LI>Партнёры</a>
                <a href="#"><LI>Клиенты</a>
                <a href="#"><LI>Дипломы</a>
                <a href="#"><LI>Портфолио</a>
            </UL>

        </td>

Заранее огромное спасибо!

Автор: while 9.8.2008, 14:25

1. Увеличить размер картинки по вертикали до высоты строки (само изображение посередине на каком-то фоне)
2. Для элемента li прописать background: URL("tml/ico/book.gif") 0 0; (позиция от верха и слева)