Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 3365 Просмотров
*

ilma55

  • Захожу иногда
  • 198
  • 5 / 0
Добрых суток!

мне нужна помощь... имеется горизонтальное подменю http://www.business-plan.md/

как мне выровнять подменю по центру? уже не могу... глаза друг друга посылают...

вот код CSS:
#menu
{
margin: 0 auto;
padding: 0px;
position:relative;
float:right; right:50%; width:auto;
}
ul#tophornav{
   /*border:1px solid red;  /**/
   height:30px;            /* высота списка */
   list-style:none;        /* отменяем маркер для списка */
   margin:0 auto;       /* выравниваем меню на странице */
   padding:0px;            /* обнуление полей */
   position:relative;
   float:none!important; float:left; right:-50%;
}
ul#tophornav li{
   display:block;
   float:left;
}
ul#tophornav li a{
   color:#61696F;               /* цвет текста */
   display:block;             /* меняем тип отображения */
   float:left;                /* обтекание */
   font:normal 16px arial;    /* описываем шрифт */
   height:16px;               /* задаем высоту для элемента */
   margin:0px;
   padding:5px 30px 0px 30px;
   text-align:center;         /* текст в ячейке "по центру" */
   text-decoration:none;      /* отмена декораций */
   
}
ul#tophornav li.active a, ul#tophornav li.active a:hover, ul#tophornav li:hover a {   color: #6AABDC;  }
ul#tophornav li a:hover {   color:#61696F; }

ul#tophornav li ul{
   display:none;            /* скрываем второй уровень */
   list-style:none;
   margin: 0 auto;
   position:absolute;          /* задаем абсолютное позиционирование */
   top:15px;                 /* отступ сверху */
   left:0px;
}
ul#tophornav li.active ul{
   /*border:1px solid red;*/
   display:inline-block;
   float:none;
   margin:0px auto;
   padding:0px;
   /*width:900px;*/

   }
 
ul#tophornav li.active ul li a{
   
   border:0;
   color:#61696F;
   display:inline;
   font-size:12px;
   font-weight:normal;
   height:30px;
   line-height:30px;
   padding:0px;
   margin:0 auto;
   text-align:center;
   white-space:nowrap;
   padding:5px 30px 0px 30px;
}
ul#tophornav li.parent ul li a:hover{
color:#61696F;
}

ul#tophornav li.active ul li#current a {color: #6AABDC;}

а вот HTML:
<div id="menu">
    <ul class="menu-nav" id="tophornav">
      <li class="item38"><a href="/"><span>О проекте</span></a></li>
      <li class="parent item3"><a href="/razrabotati/elaborate"><span>Разработать</span></a>
         <ul>
         <li class="item4"><a href="/razrabotati/basic-planing"><span>Основы планирования</span></a></li>
         <li class="item5"><a href="/razrabotati/standarts"><span>Стандарты</span></a></li>
         <li class="item36"><a href="/razrabotati/mistakes"><span>Ошибки</span></a></li>
         <li class="item6"><a href="/razrabotati/bible"><span>Библиотека</span></a></li>
         <li class="item7"><a href="/razrabotati/help"><span>Помощь</span></a></li>
         </ul>
      </li>
      <li class="parent item8"><a href="/zakazati/order"><span>Заказать</span></a>
         <ul>
         <li class="item9"><a href="/zakazati/bizplan"><span>Бизнес план</span></a></li>
         <li class="item10"><a href="/zakazati/teo"><span>Т Э О</span></a></li>
         <li class="item11"><a href="/zakazati/fin-plan"><span>Финансовый план</span></a></li>
         <li class="item34"><a href="/zakazati/bystro-plan"><span>Быстроплан</span></a></li>
         </ul>
      </li>
      <li class="item12"><a href="/bez-plana/business-without-plan"><span>Бизнес без плана</span></a></li>
      <li class="parent item13"><a href="/partneri/partners"><span>Партнёры</span></a>
         <ul>
         <li class="item15"><a href="/partneri/donors"><span>Доноры</span></a></li>
         <li class="item16"><a href="/under-construction"><span>Консультанты</span></a></li>
         <li class="item14"><a href="/partneri/creditors"><span>Кредитные организации</span></a></li>
         </ul>
      </li>
      <li class="item17"><a href="/kontakti/contacts"><span>Контакты</span></a></li>
   </ul>
</div>
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: выравнивание подменю по центру
« Ответ #1 : 20.09.2010, 01:34:46 »
в вашем листинге разбираться не стал, просто подскажу вам:
вобще, если элементу с display: block поставить text-align :center, то его инлайновые(строчные) потомки выравняются по центру.
а если ему задать margin: 0 auto, то он сам выравняется по центру относительно родителя.
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

ilma55

  • Захожу иногда
  • 198
  • 5 / 0
Re: выравнивание подменю по центру
« Ответ #2 : 20.09.2010, 01:39:59 »
если честно , то не очень понял...
мне нужно чтоб все подменю равнялось от ценра... или было по центру...
тут оно к левому краю пришито...
 а мне надо как то точку отсчета поставить центр экрана...
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вертикальное выравнивание текста внутри textarea [РЕШЕНО]

Автор dm-krv

Ответов: 11
Просмотров: 8303
Последний ответ 23.03.2019, 21:53:08
от sivers
Как сделать меню по центру?

Автор NAaTa

Ответов: 14
Просмотров: 2050
Последний ответ 10.08.2018, 11:09:11
от lexxbry
Выровнять меню по центру

Автор Fetka

Ответов: 1
Просмотров: 1352
Последний ответ 02.06.2018, 20:33:21
от Fetka
Разобраться с меню, нужно выставить красиво, по центру!

Автор KirillDragon

Ответов: 4
Просмотров: 1698
Последний ответ 28.02.2018, 12:49:44
от KirillDragon
Как выровнять меню по центру? [перемещено]

Автор Tigrubiyca

Ответов: 25
Просмотров: 26331
Последний ответ 12.01.2018, 20:07:08
от effrit