суффиксы классов css.. проблема с горизонтальным меню

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем Robotwerder, 11.06.2008.

  1. Offline

    Robotwerder Пользователь

    Регистрация:
    06.06.2008
    Сообщения:
    79
    Симпатии:
    0
    Пол:
    Мужской
    Мне необходимо сделать горизонтальное меню список
    В модуле mod_mainmenu поставил суффикс, открыл хтмл страничку

    <div class="header1">
    <div class="moduletable">
    <table width="100%" border="0" cellpadding="0" cellspacing="1"><tr><td nowrap="nowrap"><a href="http://localhost/joomla/content/blogcategory/14/31/" class="mainlevel-m" id="active_menu-m">Главная</a><a href="http://localhost/joomla/component/option,com_search/Itemid,5/" class="mainlevel-m" >Поиск</a><a href="http://localhost/joomla/content/section/1/2/" class="mainlevel-m" >Новости</a><a href="http://localhost/joomla/content/blogsection/0/9/" class="mainlevel-m" >Блог</a><a href="http://localhost/joomla/component/option,com_newsfeeds/Itemid,7/" class="mainlevel-m" >Адреса</a><a href="http://localhost/joomla/content/view/12/32/" class="mainlevel-m" >About</a></td></tr></table> </div>
    </div>

    подскажите как будет выглядеть конструкция с суфиксом -m для горизонт меню поскольку
    сознаюсь что я в тупике и в css слаб.. сделал ток это, а про исп-ние суффиксов недопонял...
    .header1
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    text-indent: 10px;
    word-spacing: 10px;
    }
     
  2.  
  3. segun77
    Offline

    segun77 Недавно здесь

    Регистрация:
    25.06.2008
    Сообщения:
    28
    Симпатии:
    0
    Ответ: суффиксы классов css.. проблема с горизонтальным меню

    Для начала зайди в админ панель и поставь для данного меню Flat List (плоский список). После этого сгенерированный код будет выглядеть как список, т.е. обрамлен тэгами ul и li.
    А потом уже будешь править css вот так:

    #header ul{
    padding:0;
    margin:0;
    list-style-type:none; /*убирает кружочки слева от надписи*/
    text-align: center;
    }
    #header ul li{
    display:inline; /*заставляет надписи прописываться горизонтально*/
    }
    #header ul li a{
    text-decoration:none;/*убирает подчеркивание*/
    padding: 5px 10px;
    color:#000;
    }
    .moduletable-m{ /*тут настраиваешь отображение конкретно твоего нового горизонтального меню*/
    margin:0;
    padding:0;
    background:#ccc;
    }

    Вот...
    если что не так написал, знающие поправят. :X
     
  4. Offline

    Robotwerder Пользователь

    Регистрация:
    06.06.2008
    Сообщения:
    79
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: суффиксы классов css.. проблема с горизонтальным меню

    Огромное спасибо за ответ segun77 .. Пока разгребаю другие вопросы, но очень тебе признателен :)
     

Поделиться этой страницей

Загрузка...