ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблемы со своим контролом (кнопкой)
7 сообщений из 7, страница 1 из 1
Проблемы со своим контролом (кнопкой)
    #35526009
Guset
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Guset
Гость
В нете нашел как сделать кнопочное меню без использования JavaScript, а с использованием CSS , следовал их советам и сделал:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
Файл index.php

<HTML>
 <head>
<link href="styles.css" rel="stylesheet" type="text/css"> 
</head>
 <div class="button">
  <a href="index.php">Главная</a>
 </div>
<div class="button"><a href="index.php?id=15">Прайс</a></div>

<div class="button"><a href="index.php?id=18">Шаблоны</a></div>

<div class="button"><a href="index.php?id=17">Заказ</a></div>

<div class="button"><a href="index.php?id=16">Портфолио</a></div>


</HTML>

Файл styles.css - в нем информация об кнопке
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
  .button a{
font: bold 12px Verdana, Arial, sans-serif;
text-decoration: none;
text-indent: 10px;
color: #FF0033; 
background: url ( mybutton.png );
display: block;
width: 140px;
line-height: 24px;
height: 24px;
}

.button a:hover{
background-position: 0px -24px;
text-decoration: none;
color: #FF0033;
}

Также в эту же папку (где лежат эти 2 файла) кинул картинку. Запускаю файл Index.php и не вижу я никаких кнопок , вижу только гиперссылки. Что я не так сделал.
...
Рейтинг: 0 / 0
06.09.2008, 17:17
| Ответить | Цитировать | Написать  
Проблемы со своим контролом (кнопкой)
    #35526935
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Тестовый пример конечно отвратный... Но не понятно что ты хотел получить? Вроде все работает...

Код: 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.
<HTML>
<head>
	<link href="styles.css" rel="stylesheet" type="text/css"> 
</head>
<style type='text/css'>
.button a{
	font: bold 12px Verdana, Arial, sans-serif;
	text-decoration: none;
	text-indent: 10px;
	color: #FF0033; 
	background-color: #ffccdd;
	display: block;
	width: 140px;
	line-height: 24px;
	height: 24px;
}
.button a:hover{
	background-position: 0px -24px;
	text-decoration: none;
	color: #FF0033;
	background-color: #ffcc00;
}
</style>
<body>
<div class="button">
	<a href="index.php">Главная</a>
</div>
<div class="button">
	<a href="index.php?id=15">Прайс</a>
</div>
<div class="button">
	<a href="index.php?id=18">Шаблоны</a>
</div>
<div class="button">
	<a href="index.php?id=17">Заказ</a>
</div>
<div class="button">
	<a href="index.php?id=16">Портфолио</a>
</div>
</body>
</HTML>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
08.09.2008, 08:59
| Ответить | Цитировать | Написать  
Проблемы со своим контролом (кнопкой)
    #35526973
Guset
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Guset
Гость
Спс что помог.

Да я хотел кнопки получить которые были показаны в примере , но в итоге получил гиперссылки, а не кнопки , файл с изображением кнопки был приложен.

Когда я сохранил интернет страницу на которой и был этот рецет, то при открытии этой страницы вместо кнопок я видел гиперссылки. Но если я заходил на этот сайт и добирался до страницы с этим рецептом , то видел нормальные кнопки. Может в броузере что-то настроить надо?

P.S.
А это хорошо что CSS-ное описание не в отдельном файле?
...
Рейтинг: 0 / 0
08.09.2008, 09:26
| Ответить | Цитировать | Написать  
Проблемы со своим контролом (кнопкой)
    #35527002
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Gusetфайл с изображением кнопки был приложен.
Так покажи что там за файл такой... И картинки того, что хочеш получить...
GusetА это хорошо что CSS-ное описание не в отдельном файле?
Тестовый пример должен быть:
- Максимально прост.
- Отражать суть проблемы.
- Легко "запускаться". Т.е. принцип "скопировал, вставил, записал и нажал Энтер".
...
Рейтинг: 0 / 0
08.09.2008, 09:40
| Ответить | Цитировать | Написать  
Проблемы со своим контролом (кнопкой)
    #35527046
Guset
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Guset
Гость
Вот тут файл с изображением
...
Рейтинг: 0 / 0
08.09.2008, 10:02
| Ответить | Цитировать | Написать  
Проблемы со своим контролом (кнопкой)
    #35527092
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Использовал файл - все работает.

Код: 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.
<HTML>
<head>
	<link href="styles.css" rel="stylesheet" type="text/css"> 
</head>
<style type='text/css'>
.button a{
	font: bold 12px Verdana, Arial, sans-serif;
	text-decoration: none;
	text-indent: 10px;
	color: #EEEEEE;
	background: url('btn.png');
	display: block;
	width: 140px;
	line-height: 24px;
	height: 24px;
}
.button a:hover{
	background-position: 0px -24px;
	text-decoration: none;
	color: #FFFFFF;
}
</style>
<body>
<div class="button">
	<a href="index.php">Главная</a>
</div>
<div class="button">
	<a href="index.php?id=15">Прайс</a>
</div>
<div class="button">
	<a href="index.php?id=18">Шаблоны</a>
</div>
<div class="button">
	<a href="index.php?id=17">Заказ</a>
</div>
<div class="button">
	<a href="index.php?id=16">Портфолио</a>
</div>
</body>
</HTML>

Почитай вот эту статейку ...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
08.09.2008, 10:25
| Ответить | Цитировать | Написать  
Проблемы со своим контролом (кнопкой)
    #35527106
Guset
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Guset
Гость
Ок,почитаю -спасибо
...
Рейтинг: 0 / 0
08.09.2008, 10:30
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблемы со своим контролом (кнопкой)
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&tid=1455918]:
 0ms
get settings:
 9ms
get forum list:
 17ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 162ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 45ms
get tp. blocked users:
 2ms
others: 237ms
total:  494ms
созд. / загр.: 494ms
x
x
Закрыть


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