powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не могу сделать 'резиновое меню' help!
3 сообщений из 3, страница 1 из 1
Не могу сделать 'резиновое меню' help!
    #34520730
sanich
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: 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
Не могу сделать 'резиновое меню' help!
    #34520741
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ИМО только переделав в таблицу
...
Рейтинг: 0 / 0
Не могу сделать 'резиновое меню' help!
    #34520749
Ksnk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Какой-то "резиновости" можно достичь вот так
Код: plaintext
1.
2.
3.
4.
...
#styleone ul li 
              { 
               width: 16 %; 
...
...
Рейтинг: 0 / 0
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не могу сделать 'резиновое меню' help!
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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