1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Горизонтальные Primary Links вместо вертикальных

Главные вкладки

Аватар пользователя soldat soldat 1 октября 2010 в 13:48

Добрый день!
Подскажите пожалуйста, как сделать Primary Links горизонтальным, а не вертикальным. Вот в этой теме BEACH очень хотелось бы поменять.
Конечно я понимаю, что это нужно делать через CSS и править шаблон, но к сожалению не могу найти где конкретно в этих файлах.

Вот что я смог увидеть, что судя по всему, относится к Главным ссылкам

<?php if (!empty($primary_menu)): ?>
          <div id="primary-menu">
            <h3 class="hidden">Primary Menu</h3>
              <?php print $primary_menu; ?>
          </div>
        <?php endif; ?>

и

/* Primary Menu */
#primary-menu {
  float: right;
  width: 220px;
  padding: 0;
  margin: 0 0 20px 0;
}

#primary-menu ul,
#primary-menu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#primary-menu ul li {
  display: block;
  background: url(../images/white-trans-25.png) 0 0 repeat;
}

#primary-menu ul li:hover {
  background: transparent url(../images/blue-trans-50.png) 0 0 repeat;
}

#primary-menu a {
  display: block;
  padding: 4px 10px;
  color: #000;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: bold;
  text-align: right;
  text-decoration: none;
  background: transparent url(../images/drop-trans.png) 10px 50% no-repeat;
}
#primary-menu a:hover,
#primary-menu a.active {
  color: #fff;
  background: transparent url(../images/drop.png) 10px 50% no-repeat;
}

#primary-menu li.active,
#primary-menu li.active:hover {
  background: transparent url(../images/black-trans-50.png) 0 0 repeat;
}

Комментарии

Аватар пользователя каранёвы каранёвы 1 октября 2010 в 14:03

Можно сделать мильоном способов Smile
Верстка вся цепляется друг за дружку, это все надо смотреть относительно отльельно взятого примера.

К примеру, добавьте и станет строится горизонтально, насколько есть ширины

#primary-menu ul {
overflow:hidden;
}
*/ чтобы обтекало */

#primary-menu ul li {
float:left;
}