Joomla 1.0 Не отодвигаются ссылки в модуле меню

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

  1. Offline

    Makis' Недавно здесь

    Регистрация:
    09.02.2009
    Сообщения:
    9
    Симпатии:
    0
    Мне нужно сдвинуть вниз ссылки от заголовка, все перепробывал не получается :(

    a.mainlevel {

    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#000000;
    text-decoration:none;
    line-height:22px;
    margin-left:4px;
    padding-top:10px; Не работает ссылки не сдвигаются
    }
     
    Последнее редактирование: 10.02.2009
  2.  
  3. asha7771
    Offline

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

    Регистрация:
    25.01.2009
    Сообщения:
    23
    Симпатии:
    0
    Пол:
    Женский
    Попробуй
    #mainlevel{
    margin-top:10px;
    }
     
  4. Offline

    Makis' Недавно здесь

    Регистрация:
    09.02.2009
    Сообщения:
    9
    Симпатии:
    0
    Ничего не происходит
     
  5. asha7771
    Offline

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

    Регистрация:
    25.01.2009
    Сообщения:
    23
    Симпатии:
    0
    Пол:
    Женский
    Открой браузер на этой странице и скопируй "Исходный код" всего меню, надо посмотреть... :)
     
  6. Offline

    Makis' Недавно здесь

    Регистрация:
    09.02.2009
    Сообщения:
    9
    Симпатии:
    0
    Buttom тоже не работает не padding, не margin
    работают только отступа слева и с права
     
  7. Offline

    Makis' Недавно здесь

    Регистрация:
    09.02.2009
    Сообщения:
    9
    Симпатии:
    0
    <td colspan="4"><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr><!-- row 1 -->
    <td id="leftcolumn" width="18%">
    <div class="block">
    <div class="module">
    <div>
    <div>
    <div>
    <h3>Главное меню</h3>
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr align="left"><td><a href="http://bn21.ru/index.php?option=com_frontpage&amp;Itemid=1" class="mainlevel" id="active_menu">Главная</a></td></tr>
    <tr align="left"><td><a href="http://bn21.ru/index.php?option=com_content&amp;task=view&amp;id=5&amp;Itemid=6" class="mainlevel" >Лицензия Joomla!</a></td></tr>
    <tr align="left"><td><a href="http://bn21.ru/index.php?option=com_content&amp;task=section&amp;id=1&amp;Itemid=2" class="mainlevel" >Новости</a></td></tr>
    <tr align="left"><td><a href="http://bn21.ru/index.php?option=com_content&amp;task=blogsection&amp;id=0&amp;Itemid=9" class="mainlevel" >Блог</a></td></tr>
    <tr align="left"><td><a href="http://bn21.ru/index.php?option=com_weblinks&amp;Itemid=23" class="mainlevel" >Ссылки</a></td></tr>
    <tr align="left"><td><a href="http://bn21.ru/index.php?option=com_content&amp;task=category&amp;sectionid=3&amp;id=7&amp;Itemid=25" class="mainlevel" >Ча.Во. (FAQ)</a></td></tr>
    <tr align="left"><td><a href="http://bn21.ru/index.php?option=com_wrapper&amp;Itemid=8" class="mainlevel" >В окне</a></td></tr>
    <tr align="left"><td><a href="http://bn21.ru/index.php?option=com_content&amp;task=blogcategory&amp;id=0&amp;Itemid=27" class="mainlevel" >213</a></td></tr>
    <tr align="left"><td><a href="http://bn21.ru/index.php?option=com_content&amp;task=blogcategory&amp;id=0&amp;Itemid=28" class="mainlevel" >312312</a></td></tr>
    </table> </div>
    </div>
    </div>
    </div>
    <div class="module-module04">
    <div>
    <div>
    <div>
     
  8. asha7771
    Offline

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

    Регистрация:
    25.01.2009
    Сообщения:
    23
    Симпатии:
    0
    Пол:
    Женский
    .mainlevel a {

    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#000000;
    text-decoration:none;
    line-height:22px;
    margin-left:4px;
    padding-top:10px;
    }
    А так :)
    и если у не получится попробуйте не padding-top а margin-top
     
  9. Offline

    Makis' Недавно здесь

    Регистрация:
    09.02.2009
    Сообщения:
    9
    Симпатии:
    0
    .block {
    margin-left: 4px;
    margin-right: 4px;
    СДЕСЬ ТОЖЕ ПРОБОВАЛ НЕ РАБОТАЕТ

    }


    .block div.module {
    background: url(../images/box-tl.gif) no-repeat;
    background-position: bottom left;

    }

    .block div.module div {
    background: url(../images/box-tr.gif) no-repeat;
    background-position: bottom right;

    }
    .block div.module div div{
    background: url(../images/box-bl.gif) no-repeat;
    background-position: top left;

    }
    .block div.module div div div {
    background: url(../images/box-br.gif) no-repeat;
    background-position: top right;
    padding: 8px;
    width: auto !important;
    width: 100%;
    }

    .block div.module div div div h3 {
    color:#009642 ;
    font-size:16px;
    line-height: 22px;
    font-weight: bold;
    text-align:center;
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    }



    Меню в CSS
     
  10. Offline

    Makis' Недавно здесь

    Регистрация:
    09.02.2009
    Сообщения:
    9
    Симпатии:
    0
    Никакого эффекта :(
     
  11. asha7771
    Offline

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

    Регистрация:
    25.01.2009
    Сообщения:
    23
    Симпатии:
    0
    Пол:
    Женский
    .block table{
    margin-left: 4px;
    margin-right: 4px;
    margin-top:10px;
    }
    У МЕНЯ ЭТО ЗАРАБОТАЛО...Сдвинуло все меню от заголовка "Главное меню" на 10px
     
    Последнее редактирование: 10.02.2009
  12. asha7771
    Offline

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

    Регистрация:
    25.01.2009
    Сообщения:
    23
    Симпатии:
    0
    Пол:
    Женский
    .block table{
    margin-left: 4px;
    margin-right: 4px;
    margin-top:10px;
    }
    У меня это заработало...Сдвинуло все меню от заголовка "Главное меню" на 10px
     
  13. Offline

    Makis' Недавно здесь

    Регистрация:
    09.02.2009
    Сообщения:
    9
    Симпатии:
    0
    Так двигаются не ссылки, а все меню вместе с backround
     
  14. asha7771
    Offline

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

    Регистрация:
    25.01.2009
    Сообщения:
    23
    Симпатии:
    0
    Пол:
    Женский
    Вы писали: "Мне нужно сдвинуть вниз ссылки от заголовка, все перепробывал не получается"

    Попробуйте, следующие....это сдвинуло ссылки друг от друга по padding-top на 10px;

    #leftcolumn td{
    padding-top: 10px;
    border: 1px solid blue;
    }
    фоноф и картинок под кнопками я у себя не вижу.... :)
     
  15. Offline

    Makis' Недавно здесь

    Регистрация:
    09.02.2009
    Сообщения:
    9
    Симпатии:
    0
    Идентификатор #leftcolumn принадлежит всей левой колонке, соответственно #leftcolumn td изменяет параметры самой таблицы. при вводе этих параметров все модули левой колонки съезжают вниз
     

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

Загрузка...