Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не отображается картинка / 4 сообщений из 4, страница 1 из 1
23.10.2009, 09:50
    #36268121
Pashkevich
Pashkevich
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не отображается картинка
Помогите пожалуйста, не отображается картинка.
Пример самого простого кода:
Это файл index.html:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<html>

<head>
  <title>  111  </title>
  <link type="text/css" rel="stylesheet" href="style.css">
</head>

<body bgcolor=# 000000 >
  <A class="link_symbol_K" href="#"> </A>
  <br>
  <A class="link_symbol_L" href="#"> </A>
  <br>
  <A class="link_symbol_M" href="#"> </A>
</body>

</html>

Это файл style.css:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
    A.link_symbol_K {
      background: url(symbol_K.png) no-repeat; /* Путь к файлу с исходным рисунком  */
      display: block; /*  Рисунок как блочный элемент */
      width: 16px; /* Ширина рисунка */
      height: 16px; /*  Высота рисунка */
     }
    A.link_symbol_K:hover {
      background: url(symbol_K_.png) no-repeat; /* Путь к файлу с заменяемым рисунком  */
     }

    A.link_symbol_L: {
      background: url(symbol_L.png) no-repeat; /* Путь к файлу с исходным рисунком  */
      display: block; /*  Рисунок как блочный элемент */
      width: 16px; /* Ширина рисунка */
      height: 16px; /*  Высота рисунка */
     }
    A.link_symbol_L:hover {
      background: url(symbol_L_.png) no-repeat; /* Путь к файлу с заменяемым рисунком  */
     }

    A.link_symbol_M {
      background: url(symbol_M.png) no-repeat; /* Путь к файлу с исходным рисунком  */
      display: block; /*  Рисунок как блочный элемент */
      width: 16px; /* Ширина рисунка */
      height: 16px; /*  Высота рисунка */
     }
    A.link_symbol_M:hover {
      background: url(symbol_M_.png) no-repeat; /* Путь к файлу с заменяемым рисунком  */
     }

В результате, при запуске страницы index.html должны появиться три ссылки-буквы: K, L, M.
Но почему-то буквы "L" нету.
Подскажите пожалуйста. Исходники прилагаются.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.10.2009, 10:06
    #36268157
Pashkevich
Pashkevich
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не отображается картинка
Вот кстати скриншот загруженной страницы:
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.10.2009, 11:15
    #36268425
WYPMAH
WYPMAH
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не отображается картинка
Pashkevich
много повторяющихся элементов, так лучше:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
<html>
<head>
    <title> 111 </title>
    <style type="text/css">
        a.symbol
        {
            display: block; /* Рисунок как блочный элемент */
            width: 16px;    /* Ширина рисунка */
            height: 16px;   /* Высота рисунка */
        }
        a.link_symbol_K
        {
            background: # 333  url('symbol_K.png') no-repeat; /* Путь к файлу с исходным рисунком  */
        }
        a.link_symbol_K:hover
        {
            background: # 333  url('symbol_K_.png') no-repeat; /* Путь к файлу с заменяемым рисунком  */
        }
        a.link_symbol_L
        {
            background: # 333  url('symbol_L.png') no-repeat; /* Путь к файлу с исходным рисунком  */
        }
        a.link_symbol_L:hover
        {
            background: # 333  url('symbol_L_.png') no-repeat; /* Путь к файлу с заменяемым рисунком  */
        }
        a.link_symbol_M
        {
            background: # 333  url('symbol_M.png') no-repeat; /* Путь к файлу с исходным рисунком  */
        }
        a.link_symbol_M:hover
        {
            background: # 333  url('symbol_M_.png') no-repeat; /* Путь к файлу с заменяемым рисунком  */
        }
    </style>
</head>
<body style="background: #333">
    <a class="symbol link_symbol_K" href="#"></a>
    <a class="symbol link_symbol_L" href="#"></a>
    <a class="symbol link_symbol_M" href="#"></a>
</body>
</html>

ЗЫ да, ошибка в лишнем двоеточие.

_______________
AnimeBay - аниме магазин, который Вас не разочарует.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.10.2009, 13:40
    #36269018
Pashkevich
Pashkevich
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не отображается картинка
WYPMAH,

Спасибо. Помогло.
Действительно лишнее двоеточие.
Хотя, блин, всё копипастом делал.

Еще раз спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не отображается картинка / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 340ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1454088]:
 0ms
get settings:
 6ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 36ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 227ms
total:  340ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]