Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не могу сделать 'резиновое меню' help! / 3 сообщений из 3, страница 1 из 1
12.05.2007, 05:53
    #34520730
sanich
sanich
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не могу сделать 'резиновое меню' help!
Код: 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.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
<html> 
<head> 
<title>Пример меню</title> 
<style type="text/css"> 
BODY        
              { 
               background-color: # 343434 ; 
               margin-top:  0 ; 
               margin-bottom:  0 ; 
               margin-LEFT:  0 ; 
               margin-RIGHT: 0 ; 
              } 

#styleone     { 
               position:absolute; 
               display:block; 
               height:24px; 
                
               font-size:13px; 
               font-weight:bold; 
               text-decoration:none; 
          
               font-family:Lucida Sans Unicode;; 
               z-index: 2 ; 
               left: 51px; 
               bottom:43px; 
               right:51px; 
              } 
  
#styleone ul  { 
               margin: 0 ; 
               padding: 0 ; 
               list-style-type:none; 
               width: 100 %; 
              } 

#styleone ul li 
              { 
               display:block; 
               float:left; 0  1px  0   0 ; 
              } 

#styleone ul li a 
              { 
               display:block; 
               float:left; 
               color:#FFFFFF; 
               text-decoration:none; 
               padding:6px 32px  0  32px; 
               height:24px; 
              } 

#styleone ul li a:hover,#styleone ul li a.current{color:#80C22A;} 

</style> 

</head> 

<!--background:transparent url(bgOFF.gif) repeat-x top left; 
   background:transparent url(bgON.gif) repeat-x top left; --> 
<body> 

<div id="styleone"> 
 <ul> 
  <li><a href='about.htm'>О НАС</a></li> 
  <li><a href='objects.htm'>ОБЪЕКТЫ</a></li> 
  <li><a href='order_work.htm' class="current">ПОРЯДОК РАБОТЫ</a></li> 
  <li><a href='price'>ПРАЙС-ЛИСТ</a></li> 
  <li><a href='partner.htm'>ПАРТНЕРЫ</a></li> 
  <li><a href='contact.htm'>КОНТАКТЫ</a></li> 
 </ul> 
</div> 
</body> 
</html>


Менюшка при сжатии и расширении по ширине окна не сжимается.
Как сделать чтобы расстояние между словами меню, было не статическим а динамическим и менялось в соответствии с шириной окна?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.05.2007, 07:30
    #34520741
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не могу сделать 'резиновое меню' help!
ИМО только переделав в таблицу
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.05.2007, 08:38
    #34520749
Ksnk
Ksnk
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не могу сделать 'резиновое меню' help!
Какой-то "резиновости" можно достичь вот так
Код: plaintext
1.
2.
3.
4.
...
#styleone ul li 
              { 
               width: 16 %; 
...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не могу сделать 'резиновое меню' help! / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 169ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1458291]:
 0ms
get settings:
 8ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 70ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 43ms
get tp. blocked users:
 2ms
others: 12ms
total:  169ms
x
x
Закрыть


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