VPF::Как превратить LI в кнопку с текстом поверху?

vlad275

Дата 14.5.2012, 15:19 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3

Как превратить LI в кнопку с текстом поверху? Удается только сдвинуть текст влево, а вверх не получается.
http://tricolor.tw/2/index.html

Повесить изображение кнопки фоновым изображением не получается

Код


li{
list-style-image: url('button2.png');
margin-left:150px;
color:#FFFFFF;
font-size:13px; 
font-weight:bold; 
line-height:28px;}
//background: url(button2.png) top left no-repeat;
}

Код


        <ul>
            <li><span style="margin-left:-120px;margin-top:-20px;">Главная</span></li>
            <li>О компании</li>
            <li>Контакты</li>
            <li>Услуги</li>
            <li>Наши клиенты</li>
            <li>Дата-центр</li>
            <li>Интернет</li>
        </ul>

--------------------

Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8

vlad275

Дата 14.5.2012, 15:55 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3

нашел:

Код


#button-text{
z-index:100;
position:relative;
top:-27px;
left:-150px;
//margin-left:-150px;
//margin-top:-30px;
}

--------------------

Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8

tarsukoff

Дата 28.6.2012, 23:52 (ссылка)

(нет голосов)

Загрузка ...

CEO Onecontent

Профиль
Группа: Участник
Сообщений: 14
Регистрация: 5.2.2012
Где: Samara

Репутация: нет
Всего: нет

Код


#menu li a{
            list-style:none;
            display:block;
            background:url(/img/menu_back_norm.png) no-repeat left;
            font-family:"Arial";
            font-size:13px;
            color: #787854;
            text-decoration:none;
            line-height: 30px;
            }

Я делал так.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »