Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблемы со своим контролом (кнопкой) / 7 сообщений из 7, страница 1 из 1
06.09.2008, 17:17
    #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
| Ответить | Цитировать | Написать  
08.09.2008, 08:59
    #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, 09:26
    #35526973
Guset
Guset
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблемы со своим контролом (кнопкой)
Спс что помог.

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

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

P.S.
А это хорошо что CSS-ное описание не в отдельном файле?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2008, 09:40
    #35527002
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблемы со своим контролом (кнопкой)
Gusetфайл с изображением кнопки был приложен.
Так покажи что там за файл такой... И картинки того, что хочеш получить...
GusetА это хорошо что CSS-ное описание не в отдельном файле?
Тестовый пример должен быть:
- Максимально прост.
- Отражать суть проблемы.
- Легко "запускаться". Т.е. принцип "скопировал, вставил, записал и нажал Энтер".
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2008, 10:02
    #35527046
Guset
Guset
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблемы со своим контролом (кнопкой)
Вот тут файл с изображением
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2008, 10:25
    #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:30
    #35527106
Guset
Guset
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблемы со своим контролом (кнопкой)
Ок,почитаю -спасибо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблемы со своим контролом (кнопкой) / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 474ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455918]:
 0ms
get settings:
 6ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 171ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 26ms
get tp. blocked users:
 1ms
others: 241ms
total:  474ms
x
x
Закрыть


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