Меню в шаблоне

Dmity61

Новичок
1
0 / 0

Меню в шаблоне

« : 22.07.2012, 01:59:55 »

Как сделать в шаблоне такое меню? нужно что бы оно выравнивалось строго по центру по горизонтали.

Стили меню в CSS примерно так описал

Код

ul {
	margin: 0;
	padding: 0;
   }
   
	#menu1 li {
	background:none;                  
	list-style:none;                      
	float:left;
           display:inline;        
}	

    #menu1 li a {
	display:block;
	text-align: center;	      
	width:106px;         
	height:35px;      
	text-decoration:none;                    
	background:#fff;                          
	color:#000; 
	padding:5px 0 5px 0;           
	margin: 0 1px;
	font: bold 12pt/13pt sans-serif;
}

Видимо в связи с тем что организовал пункты как блоки и включил обтекание слева, меню всегда
прилипает к левой стороне блока или ячейки таблицы и никак по центру не становится.

Записан

onehero

Осваиваюсь на форуме
16
2 / 0

думаю одним из решений проблемы будет создание прозрачного div-контейнера для меню и указание для него способа позиционирования по центру. таким образом пункты меню будут находится строго внутри этого div-a. выравнивание пунктов меню будет по левому краю а div-контейнера как тебе угодно.

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: Меню в шаблоне

« Ответ #2 : 25.07.2012, 12:03:25 »

Код

ul {
display:block;
text-align:center;
}
li {
display:inline-block;
}

классы поставьте сами. для li float можно не указывать.

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

Назначение макета, посредством ссылки в меню Автор xxxLOGIATxxx	Ответов: 20 Просмотров: 7547	04.02.2022, 14:44:14 от hoi
Съезжает меню при наведении Автор yyyuuu	Ответов: 4 Просмотров: 4420	08.12.2020, 11:12:32 от AlexB
Проблемы в горизонтальном меню Joomla 2.5 Автор Димьяна	Ответов: 1 Просмотров: 5030	27.11.2018, 14:58:30 от Ragivort
Картинка в шаблоне Автор Alkor94	Ответов: 13 Просмотров: 3751	23.05.2018, 03:04:28 от Alkor94
mod_menu и подписи к пунктам меню (subtitles) Автор St@lker	Ответов: 21 Просмотров: 9322	29.10.2017, 16:24:00 от xilog

Меню в шаблоне - Joomla 2.5: Шаблоны, разметка и макеты вывода

Новости Joomla

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

Dmity61

Меню в шаблоне

onehero

Re: Меню в шаблоне

dynamit

Re: Меню в шаблоне

Похожие темы