За последние 24 часа нас посетили 16637 программистов и 1649 роботов. Сейчас ищут 2014 программистов ...

Как убрать правый border

Тема в разделе "HTML и CSS", создана пользователем greenzlat, 29 апр 2010.

  1. greenzlat

    greenzlat Активный пользователь

    С нами с:
    27 апр 2008
    Сообщения:
    255
    Симпатии:
    0
    В правом крайнем меню "Форум" нужно убрать border правый. Пытаюсь сделать так:
    [css]

    #li_border_none a{
    border:none;
    }
    [/css]
    Не получается. Вот код меню.

    HTML:
    1.  
    2.  
    3. <ul id=top_menu>
    4.         <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">453475</a>
    5.            <div id="m1">
    6.            <a href="#">11111</a>
    7.            <a href="#">22222</a>
    8.            <a href="#">33333</a>
    9.            </div>
    10.        </li>
    11.         <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">453453</a>
    12.            <div id="m2">
    13.            <a href="#">44444</a>
    14.            <a href="#">55555</a>
    15.            <a href="#">66666</a>
    16.            </div>
    17.        </li>
    18.         <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">453453</a>
    19.            <div id="m3">
    20.            <a href="#">77777</a>
    21.            <a href="#">77777</a>
    22.            <a href="#">77777</a>
    23.            </div>
    24.        </li>
    25.         <li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">434534</a>
    26.            <div id="m4">
    27.            <a href="#">11111</a>
    28.            <a href="#">22222</a>
    29.            <a href="#">33333</a>
    30.            </div>
    31.        </li>
    32.         <li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">4534543</a>
    33.            <div id="m5">
    34.            <a href="#">11111</a>
    35.            <a href="#">22222</a>
    36.            <a href="#">33333</a>
    37.            </div>
    38.        </li>
    39.         <li id="li_border_none"><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Форум</a>
    40.            <div id="m6">
    41.            <a href="#">11111</a>
    42.            <a href="#">22222</a>
    43.            <a href="#">33333</a>
    44.            </div>
    45.        </li>
    46.     </ul>
    47.  
    [css]
    ul {
    margin:0;
    padding:0;}
    #top_menu {
    margin: 0;
    padding: 0;
    z-index: 30
    }

    #top_menu li{
    margin:0;
    margin-left:-1px; /*одиночная граница между менюшками*/
    background-image:url(img/bg_menu.jpg);
    list-style: none;
    float:left;
    width:167px;
    }

    #top_menu li a
    {
    display: block;
    height:33px;
    margin: 0 1px 0 0;
    color: #C30;
    text-align: center;
    border-right: 1px #fff dotted;
    text-decoration: none;
    }

    #li_border_none a{
    border:none;
    }

    #top_menu li a:hover
    {color: #F60;

    }


    #top_menu div
    { position: absolute;
    visibility: hidden;
    width:200px; /*ширина выпадающего*/
    background: #EAEBD8;
    border: 1px solid Black;
    }


    #top_menu div a
    { position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    text-align: left;
    text-decoration: none;
    background: #EAEBD8;
    color: #A52A2A;
    font: 11px arial;
    }


    #top_menu div a:hover
    { background: #3E3E3E;
    color: #FFF}[/css]
     
  2. neldalv

    neldalv Активный пользователь

    С нами с:
    5 май 2010
    Сообщения:
    9
    Симпатии:
    0
    [css]border: 0;[/css]
    или
    [css]border-right: 0;[/css]
     
  3. greenzlat

    greenzlat Активный пользователь

    С нами с:
    27 апр 2008
    Сообщения:
    255
    Симпатии:
    0
    Молодец, а то так не пробовал!
     
  4. neldalv

    neldalv Активный пользователь

    С нами с:
    5 май 2010
    Сообщения:
    9
    Симпатии:
    0
    Хм, значит с приоритетом проблемы, видимо.

    HTML:
    1.          <li><a href="#" style="border-right:0;" onmouseover="mopen('m6')" onmouseout="mclosetime()">Форум</a>
    2.            <div id="m6">
    3.            <a href="#">11111</a>
    4.            <a href="#">22222</a>
    5.            <a href="#">33333</a>
    6.            </div>
    7.        </li>
    С просонья не могу выдать более удачный вариант, но этот работает.
     
  5. neldalv

    neldalv Активный пользователь

    С нами с:
    5 май 2010
    Сообщения:
    9
    Симпатии:
    0
    Сейчас поглядел более внимательно на код. Идентификатор стиля, убирающего рамку, имеет меньший уровень вложенности, оттого и менее высокий приоритет. Чтобы работало правильно, в стилях нужно писать следующее:
    [css] #top_menu #li_border_none a{
    border-right:0;
    }[/css]
    В таком случае пункт, идущий последним, приобретает максимальный приоритет и "перебивает" заданный ранее стиль.