ПОМОГИТЕ МНЕ ЕЩЕ РАЗОК (ПОСЛЕДНИЙ, ОБЕЩАЮ!)

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем LazyBoy, 3 дек 2010.

Статус темы:
Закрыта.
  1. LazyBoy

    LazyBoy Гость

    Возможно, покажусь совсем тупым, но все-таки помогите с еще одним. код, с которым мне помог 1ive я переделал под свой сайт. Но каждая следующая пара разделов пишется под предыдущей. почему???
    <!--shcode--><pre><code class='html'><html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <LINK href="images/logo_mini.jpg" type=ico rel=icon>
    <style>
    .menu{
    font-family:arial, sans-serif;
    width:212px;
    height:100px;
    position:relative;
    font-size:11px;
    z-index:100
    }
    .menu ul li a, .menu ul li a:visited{
    display:block;
    text-decoration:none;
    color:#000;
    width:104px;
    height:20px;
    text-align:center;
    color:#000000;
    border:0px solid #000000;
    background:none;
    line-height:20px;
    font-size:11px;
    overflow:hidden
    }
    .menu ul{
    padding:0;
    margin:0;
    list-style:none
    }
    .menu ul li{
    float:left;
    position:relative}
    .menu ul li ul{
    display:none
    }
    .menu ul li:hover a{
    color:#000000;
    background:none
    }
    .menu ul li:hover ul{
    display:block;
    position:absolute;
    top:20px;
    left:0;
    width:105px
    }
    .menu ul li:hover ul li a{
    display:block;
    background:#797950;
    color:#000
    }
    .menu ul li:hover ul li a:hover{
    background:#cccccc;
    color:#000000
    }
    </style>
    </head>
    <body>
    <div class="menu">
    <ul>
    <li><a class="hide" href="">Раздел 1</a>
    <ul>
    <li><a href="" title="">Страница 1</a></li>
    <li><a href="" title="">Страница 1.1</a></li>
    <li><a href="" title="">Страница 1.2</a></li>
    </ul>
    </li>

    <li><a class="hide" href="">Раздел 2</a>
    <ul>
    <li><a href="" title="">Страница 2</a></li>
    <li><a href="" title="">Страница 2.1</a></li>
    <li><a href="" title="">Страница 2.2</a></li>
    <li><a href="" title="">Страница 2.3</a></li>
    <li><a href="" title="">Страница 2.4</a></li>
    <li><a href="" title="">Страница 2.5</a></li>
    </ul>
    </li>

    <li><a class="hide" href="">Раздел 3</a>
    <ul>
    <li><a href="" title="">Страница 3</a></li>
    <li><a href="" title="">Страница 3.1</a></li>
    <li><a href="" title="">Страница 3.2</a></li>
    </ul>
    </li>

    <li><a class="hide" href="">Раздел 4</a>
    <ul>
    <li><a href="" title="">Страница 4</a></li>
    <li><a href="" title="">Страница 4.1</a></li>
    <li><a href="" title="">Страница 4.2</a></li>
    <li><a href="" title="">Страница 4.3</a></li>
    <li><a href="" title="">Страница 4.4</a></li>
    <li><a href="" title="">Страница 4.5</a></li>
    </ul>
    </li>

    <li><a class="hide" href="">Раздел 5</a>
    <ul>
    <li><a href="" title="">Страница 5</a></li>
    <li><a href="" title="">Страница 5.1</a></li>
    <li><a href="" title="">Страница 5.2</a></li>
    </ul>
    </li>

    <li><a class="hide" href="">Раздел 6</a>
    <ul>
    <li><a href="" title="">Страница 6</a></li>
    <li><a href="" title="">Страница 6.1</a></li>
    <li><a href="" title="">Страница 6.2</a></li>
    <li><a href="" title="">Страница 6.3</a></li>
    <li><a href="" title="">Страница 6.4</a></li>
    <li><a href="" title="">Страница 6.5</a></li>
    </ul>
    </li>
    </ul>
    </div>
    </body>
    </html>[/CODE]
     
  2. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    Изменяй "width:212px;" (третья стока стилей)
    А лучше удали.
    И все будет супер
     
  3. LazyBoy

    LazyBoy Гость

    а можно ли все вышесказанное запихнуть в таблицу??? просто нужно сделать вот такую вещь, а без таблиц вряд ли это сделать можно...
    [​IMG]
     
  4. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    Не стоит пока тебе этим заниматься)

    Код (Text):
    [блок "левая шапка"][блок "правая шапка"]
    [ /меню1/ /меню2/ /меню3/ /меню4/ /меню5/]
    {таблица с чем угодно}

    условные знаки:
    [] - <div></div>
    [ / / ] - <uk> <li> </li> </ul>
    {} - <table</table>
     
Загрузка...
Статус темы:
Закрыта.

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