Компьютерный форум
Правила
Вернуться   Компьютерный форум > Компьютерные форумы > Любые вопросы от новичков
Перезагрузить страницу UCOZ. Дизайн № 909. Проблемы с горизонтальными меню.
Ответ
 
Опции темы Опции просмотра
  (#1 (permalink)) Старый
АДреналлин АДреналлин вне форума
Member
 
Сообщений: 16
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Регистрация: 04.12.2014
Exclamation UCOZ. Дизайн № 909. Проблемы с горизонтальными меню. - 04.12.2014, 04:13

Доброго времени суток...
Прошу помочь мне, в создании моего 1-го сайта(школьного)...
Сайта, для супруги...
Суть проблемы:
Есть 2 горизонтальных меню, но с обоими возникают трудности, которые решить не могу...
1-й вариант, на создаваемом сайте.
- Не помещаются все ячейки в одну строку;
- Не могу в CSS и HTML найти решение, чтобы ячейки становились резиновыми или растягивались на ширину текста...
2-й вариант, на тестовом сайте.
Это горизонтальное меню очень мне нравится своей функциональностью, наполненностью и оригинальностью, но с ним у меня вообще беда...
Подскажите пожалуйста, что в обоих вариантах можно и нужно сделать?!
Миниатюры
iaith-2.jpg   iaith-1.jpg  
Ответить с цитированием
  (#2 (permalink)) Старый
Rius Rius вне форума
Программист
 
Аватар для Rius
 
Сообщений: 6,714
Сказал(а) спасибо: 15
Поблагодарили 804 раз(а) в 789 сообщениях
Регистрация: 27.08.2004
Адрес: Russian Federation
По умолчанию 04.12.2014, 11:42

1. Ячейки не будут растягиваться на ширину текста. Это надо делать отдельные блоки, которые будут друг к другу подгоняться, и уже в них располагать и меню, и текст.
2. Отступы у пунктов меню надо поубавить, в css вероятно.
3. Зарегайтесь на https://ru.wordpress.com/ и забудьте про юкозовские поделки.
Ответить с цитированием
  (#3 (permalink)) Старый
АДреналлин АДреналлин вне форума
Member
 
Сообщений: 16
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Регистрация: 04.12.2014
По умолчанию 04.12.2014, 15:51

1.- Так они вроде как, судя по меню, уже созданы, вопроскак их отрегулировать...
2.- Вот именно и где их убрать не нахожу...
3.- Уже поздно, да и невозможно, дизайн утвержден...
Ответить с цитированием
  (#4 (permalink)) Старый
Rius Rius вне форума
Программист
 
Аватар для Rius
 
Сообщений: 6,714
Сказал(а) спасибо: 15
Поблагодарили 804 раз(а) в 789 сообщениях
Регистрация: 27.08.2004
Адрес: Russian Federation
По умолчанию 04.12.2014, 16:35

2. Так?
файл menu-1.css, строка 43, padding: 30 поменять на 20, к примеру.
3.Как он утверждён? Показали несколько шаблонов юкоза и директор тыкнул пальчиком в один из них? Этот сайт даже для мобильных устройств ни капли не адаптирован.
К нормальным CMS можно прикрутить другой шаблон.
Миниатюры
nieiie-yedhaia-io-2014-12-04-17-24-31.jpg  

Последний раз редактировалось Rius; 04.12.2014 в 16:39
Ответить с цитированием
  (#5 (permalink)) Старый
АДреналлин АДреналлин вне форума
Member
 
Сообщений: 16
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Регистрация: 04.12.2014
По умолчанию 04.12.2014, 18:03

Да, так...
Спасибо...
Только не директор, в ГорОНО...
Она замдиректора школы...
Жена предложила на выбор 5 штук, они утвердили этот...
Вот Я и мучаюсь с ним...
Но, благодаря ему, Я уже много чего понял и чему научился...
Следующий будет на Джомале или ВПрессе...
А этот уже будет такой, он для аттестации...
Скажите, а сами Ячейки можно сделать так, чтобы были регулируемыми...
И как-то убрать, справа пустое поле, после ФАКа...???
Ответить с цитированием
Ads.
  (#6 (permalink)) Старый
Rius Rius вне форума
Программист
 
Аватар для Rius
 
Сообщений: 6,714
Сказал(а) спасибо: 15
Поблагодарили 804 раз(а) в 789 сообщениях
Регистрация: 27.08.2004
Адрес: Russian Federation
По умолчанию 04.12.2014, 18:26

Цитата:
Сообщение от АДреналлин Посмотреть сообщение
И как-то убрать, справа пустое поле, после ФАКа...???
С 43 строки menu-1.css вставьте:
CSS Код:
#menu li:last-child {
    border-right: none;
    box-shadow: none;
}
Цитата:
Сообщение от АДреналлин Посмотреть сообщение
Следующий будет на Джомале или ВПрессе...
WordPress для блогов и немного большего. Drupal, конструктор, для всего остального.
Уже заказанный "дизайн" вы можете прикрутить к этим CMS и сэкономить себе время.
Ответить с цитированием
  (#7 (permalink)) Старый
АДреналлин АДреналлин вне форума
Member
 
Сообщений: 16
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Регистрация: 04.12.2014
По умолчанию 04.12.2014, 18:40

Цитата:
Сообщение от Rius Посмотреть сообщение
С 43 строки menu-1.css вставьте:
Я правильно понял, что вставлять после
Цитата:
Сообщение от Rius Посмотреть сообщение
padding: 30 поменять на 20, к примеру
И еще, маленький вопрос, по этому меню...
При добавлении Ячейки нужно снова будет изменить паддинг?
А если, какая-либо ячейка, после обсуждения, будет удалена, остальные ячейки растянуться в размер меню или снова образуется пустое поле???
Ответить с цитированием
  (#8 (permalink)) Старый
Rius Rius вне форума
Программист
 
Аватар для Rius
 
Сообщений: 6,714
Сказал(а) спасибо: 15
Поблагодарили 804 раз(а) в 789 сообщениях
Регистрация: 27.08.2004
Адрес: Russian Federation
По умолчанию 04.12.2014, 18:54

Вставлять после css блока, отвечающего за пункт меню по умолчанию, т.е. этого:
CSS Код:
#menu li {
   ...
}
.
А вообще можно просто в конец файла.

Цитата:
Сообщение от АДреналлин Посмотреть сообщение
При добавлении Ячейки нужно снова будет изменить паддинг?
Если не влезут в строку.
Цитата:
Сообщение от АДреналлин Посмотреть сообщение
А если, какая-либо ячейка, после обсуждения, будет удалена, остальные ячейки растянуться в размер меню или снова образуется пустое поле???
Там и так пустое поле. Ранее указанный блок просто скрывает правую границу последнего пункта меню.
Ответить с цитированием
  (#9 (permalink)) Старый
АДреналлин АДреналлин вне форума
Member
 
Сообщений: 16
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Регистрация: 04.12.2014
По умолчанию 04.12.2014, 19:30

Странный эффект произошел...
Убрал, перемычки пропали,но и ... выпадающее меню пропало...
Точнее, переместилось в верхний левый угол...
Ответить с цитированием
  (#10 (permalink)) Старый
Rius Rius вне форума
Программист
 
Аватар для Rius
 
Сообщений: 6,714
Сказал(а) спасибо: 15
Поблагодарили 804 раз(а) в 789 сообщениях
Регистрация: 27.08.2004
Адрес: Russian Federation
По умолчанию 04.12.2014, 19:39

Да вроде всё нормально сейчас показывает.
Ответить с цитированием
  (#11 (permalink)) Старый
АДреналлин АДреналлин вне форума
Member
 
Сообщений: 16
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Регистрация: 04.12.2014
По умолчанию 04.12.2014, 19:50

Я вернул все на место...
Экспериментировал с #menu li...
И вставлял, как вы говорили, и заменял, и внизу ставил...
Все по разному было, но не так как Вы говорили...
Вот, данный кусок КСС, который вернул назад...
CSS Код:
#menu li {  
  float: left;  
  border-right: 1px solid #222;  
  -moz-box-shadow: 1px 0 0 #444;  
  -webkit-box-shadow: 1px 0 0 #444;  
  box-shadow: 1px 0 0 #444;  
  position: relative;  
  }  
  #menu a {  
  float: left;  
  padding: 12px 24.3px;  
  color: #999;  
  text-transform: uppercase;  
  font: bold 12px Arial, Helvetica;  
  text-decoration: none;  
  text-shadow: 0 1px 0 #000;  
  }  
  #menu li:hover > a {  
  color: #fafafa;  
  }  
  *html #menu li a:hover { /* аЂаОаЛб?аКаО аДаЛб? IE6 */  
  color: #fafafa;  
  }
Ответить с цитированием
  (#12 (permalink)) Старый
Rius Rius вне форума
Программист
 
Аватар для Rius
 
Сообщений: 6,714
Сказал(а) спасибо: 15
Поблагодарили 804 раз(а) в 789 сообщениях
Регистрация: 27.08.2004
Адрес: Russian Federation
По умолчанию 04.12.2014, 20:00

Вот
CSS Код:
#menu li {  
  float: left;  
  border-right: 1px solid #222;  
  -moz-box-shadow: 1px 0 0 #444;  
  -webkit-box-shadow: 1px 0 0 #444;  
  box-shadow: 1px 0 0 #444;  
  position: relative;  
}  

#menu li:last-child {
    border-right: none;
    box-shadow: none;
}
Миниатюры
1.jpg  
Ответить с цитированием
Ads
  (#13 (permalink)) Старый
АДреналлин АДреналлин вне форума
Member
 
Сообщений: 16
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Регистрация: 04.12.2014
По умолчанию 04.12.2014, 20:05

Странно, честно...
Скажите, То что совершили отступ сыграло значение???
Я делал так...
И ... у меня в этом случае пропало выпадение...
Ааааааа, может потому что Я забыл тогда скобку закрыть, для прописываемого значения???
Ответить с цитированием
  (#14 (permalink)) Старый
Rius Rius вне форума
Программист
 
Аватар для Rius
 
Сообщений: 6,714
Сказал(а) спасибо: 15
Поблагодарили 804 раз(а) в 789 сообщениях
Регистрация: 27.08.2004
Адрес: Russian Federation
По умолчанию 04.12.2014, 20:10

Отступ важен для читабельности. А для правильной работы синтаксис - скобочки, двоеточия, точки с запятой и прочее.
Ответить с цитированием
  (#15 (permalink)) Старый
АДреналлин АДреналлин вне форума
Member
 
Сообщений: 16
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Регистрация: 04.12.2014
По умолчанию 04.12.2014, 20:14

Цитата:
Сообщение от Rius Посмотреть сообщение
Отступ важен для читабельности. А для правильной работы синтаксис - скобочки, двоеточия, точки с запятой и прочее.
Вот в скобочке и было наверное дело, то что не закрыл...
Ответить с цитированием
Ответ

Метки
горизонтальное меню. , помощь , сайт , создание сайта

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Вкл.
Pingbacks are Вкл.
Refbacks are Выкл.


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите пожалуйста. (Ucoz) Стефан Perl 0 24.11.2011 12:50
Опять же ucoz... Пароль Веб-программирование 1 17.10.2011 16:00
Ucoz.ru? Пароль Веб-программирование 7 15.10.2011 20:00
PHP-программист для uCoz rox108 Задания за деньги 0 28.09.2011 16:54
Проблемы с Boot меню sergei10 Любые вопросы от новичков 1 07.06.2011 10:23
ПРОБЛЕМЫ С НАСТРОЙКАМИ МЕНЮ "ПУСК" В WIN7 Jhat Windows 7 0 08.05.2011 20:21
Продвижение сайта Ucoz MJJ Вопросы начинающих программистов 1 20.11.2010 09:21
Проблема с поиском на сайте системы Ucoz DeMoN_cspro Любые вопросы от новичков 2 03.04.2010 05:21
Проблема с ссылкой на FTP на uCoz'е FaD Сетевые подключения 2 21.03.2009 16:23
Проблемы с USB-устройствами - распознаются, но в меню не отображаются. ViSmyT Техническая поддержка 1 27.06.2007 09:51
Как методом функции создавать всплываюшее меню вглавном меню программы Slaia WinAPI 8 19.07.2006 17:52
Дизайн сайта какой выбрать графический дизайн Kate_Explorer DHTML, JavaScript, VBScript 10 25.04.2006 22:18



Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Нardforum.ru - компьютерный форум и программирование, форум программистов