VPF::скажите как присвоить ссылке картинку через класс

supervladislav

Дата 1.9.2009, 19:44 (ссылка)

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

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

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

подскажите у меня есть блок оформленный под меню ,внутри меню ссылки мне надо чтобы каждая ссылка отображала картинку ,но дело в том что она отображается
когда display:block; и меню отображается не горизонтально а вертикально )))подскажите как этого избежать

Код


<div id="cont1">
<ul>
<li><a href="index.php" class="kart">dcsferf</a></li>
<li><a href="index.php" class="kart">rgrerferf</a></li>
<li><a href="index.php" class="kart">regerferf</a></li>
<li><a href="index.php" class="kart">rege</a></li>
<li><a href="index.php" class="kart">regeerfrg</a></li>
<li><a href="index.php" class="kart">erger</a></li>
<li><a href="index.php" class="kart" >reg</a></li>
</ul>
</div>

Код


div#cont1{margin:0px;padding:0px;}
div#cont1 ul{text-decoration:none;list-style-type:none;}
div#cont1 li{display:inline;}
div#cont1 A{background:url(../screen/03.png) no-repeat;width:100px;height:30px;}

bars80080

Дата 1.9.2009, 22:24 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

Код


div#cont1 li{display:block; float: left;}
#cont1 a.kart { display: block; }

supervladislav

Дата 2.9.2009, 14:36 (ссылка)

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

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

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

зы как же я про float забыл

olegti

Дата 2.9.2009, 20:29 (ссылка)

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

Загрузка ...

Шустрый

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

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

чтобы присвоить картинку, попробуй довавить

Код



div#cont1 li а{         background:url(../screen/03.png) no-repeat;width:100px;height:30px;}

должно получиться! а там уже подкорректируешь ))

а что разместить горизотально, очень подойдёт float!!!!

Это сообщение отредактировал(а) olegti - 2.9.2009, 22:48

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