Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Иконка в меню 
:(
    Опции темы
Syltan
Дата 3.9.2010, 20:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Хочу разместить сво иконку ,я создал её, она находиться в папке имг.

Хочу как-то в стилях прописать изображение, а потом подключить в пункты меню эту картинку,чего-то не получаеться правильно сделать это, вот фото которое я хочу получить, и архив в котором пытаюсь это сделать.

http://www.sharemania.ru/0227236
http://ipicture.ru/uploads/100903/3BZtW9w4xU.jpg 
PM MAIL   Вверх
Amphiluke
Дата 3.9.2010, 21:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


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

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



Вы неправильно обращаетесь со свойством background. Что это за такое: 
Цитата(Syltan @  4.9.2010,  00:24 Найти цитируемый пост)
.ikonka{background-image:url(img/ikonka.png); no-repeat;}

 smile 


Возьмите сделайте, к примеру, так:
Код

.ikonka a {
    background:url(img/ikonka.png) 5px center no-repeat;
    text-indent:10px;
}

PM   Вверх
Syltan
Дата 3.9.2010, 21:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Говорят,что через списки лучше оформлять это дело, вот поробовал, чего-то не срабатывает.
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>Видео</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
* {margin:0; padding:0;}
.ikonka ul li{list-style-image:url(img/ikonka.png); }


 body{min-width:770px; overflow:hidden;}
 img {border: none;}
.shapka {height: 155px; background:url(img/header.jpg) no-repeat; }
.shapkafon {height: 155px; background:url(img/fon.jpg) repeat-x; }
.bordur {border-collapse:collapse;}
.bordur td {border:1px solid black;}
.block{display:block;}
.d {width:230px;}
.d a{display:block; border-top:1px solid black;
padding:10px 10px 10px 20px;
}


</style>
</head>

<body class="marginpadding">

<!-- ШАПКА -->
<table class="bordur" width="100%">
<tr>
<td colspan="3" class="shapkafon">
<div class="shapka" ></div></td>
</tr>


<!-- СЕРЕДИНА -->
<tr>
<td class="d">
<img class="block" src="img/videoyroki.png"  >
<ul class="ikonka">
<li><a href="#">Пунтк 1</a></li>
<li><a href="#">Пунтк 2</a></li>
<li><a href="#">Пунтк 3</a></li>
<li><a href="#">Пунтк 4</a></li>
<li><a href="#">Пунтк 5</a></li>
</ul>
</td>

<td > С новым годом!</td>

<td class="d"  valign="top">
<img class="block" src="img/videoyroki.png"  >
<ul class="ikonka">
<li><a href="#">Пунтк 1</a></li>
<li><a href="#">Пунтк 2</a></li>
<li><a href="#">Пунтк 3</a></li>
<li><a href="#">Пунтк 4</a></li>
<li><a href="#">Пунтк 5</a></li>
</ul>
</td>
</tr>
</table>

</body>
</html>


PM MAIL   Вверх
Amphiluke
Дата 3.9.2010, 21:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


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

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



Цитата(Syltan @  4.9.2010,  01:27 Найти цитируемый пост)
.ikonka ul li{list-style-image:url(img/ikonka.png); }

А теперь покажите, где у вас на странице список ul, вложенный в элемент класса ikonka?
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0537 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.