Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Вопрос? Подскажите с меню!

Тема в разделе "Вопросы- ответы", создана пользователем Roman.U, 2 май 2018.

02.05.18 в 21:40
03.05.18 в 14:17
3
221
0
  1. TopicStarter Overlay
    Roman.U

    Roman.U PRO Users

    Сообщения:
    6.892
    Симпатии:
    755
    Лучших ответов:
    5
    В общем решил заменить меню, проблема в том, что не могу выравнять по левому краю, скрин воть b.radikal.ru/b19/1805/38/d8ffc9e0098c.png Может кто подскажет что не так, конфликта стилей вроде нет.
    Код в блок:
    Код:
                <div class="sidebar" id="sideLeft">
        <div class="leftmenubox">
            <div class="lefttitle" style="padding-top:5px;">Меню</div>
            <ul class="leftmenu">
                            <li><a href="/filmy-2016/"><i>Фильмы 2016</i></a></li>
                            <li><a href="/filmy-2015/"><i>Фильмы 2015</i></a></li>
                            <li><a href="/filmy-2014/"><i>Фильмы 2014</i></a></li>
                            <li><a href="/filmy-2013/"><i>Фильмы 2013</i></a></li>
                            <li><a href="/serialy/"><i>Все сериалы</i></a></li>
                            <li><a href="/serialy/zarubezhnye/"><i>Зарубежные</i></a></li>
                            <li><a href="/serialy/russkie/"><i>Русские</i></a></li>
                            <li><a href="/serialy/tureckie/"><i>Турецкие</i></a></li>
            </ul>
    
            <!--noindex-->
            <div class="lefttitle" style="padding-top:15px;">Жанры</div>
            <ul class="leftmenu">
                                <li><a href="/biografiya/"><i>Биография</i></a></li>
                                <li><a href="/boeviki/"><i>Боевики</i></a></li>
                                <li><a href="/vestern/"><i>Вестерн</i></a></li>
                                <li><a href="/voennye/"><i>Военные</i></a></li>
                <li><a href="/tv-shou/" title="Телепередачи смотреть онлайн">Телепередачи</a></li>
            </ul>
            <!--/noindex-->
        </div>
                    </div>
    Стили:
    Код:
    /* Sidebar Left
    -----------------------------------------------------------------------------*/
    
    #sideLeft {
        float: left;
        width: 150px;
        margin-left: 5%;
        position: relative;
        padding: 25px 0px 33px 0px;
    }
    
    
    .lefttitle {
        float: left;
        width: 130px;
        font-size: 14px;
        font-weight: bold;
        padding: 0 0 8px 60px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #454545;
        color: #1E90FF;
        text-shadow: 2px 2px 2px #000;
    }
    
    .lefttitle2 {
        background: #434343;
        border-radius: 10px 10px 0 0;
        float: left;
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 0 -6px;
        padding: 10px 5px 3px;
        width: 165px;
        color: #FFD200;
        text-shadow: 1px 1px 1px #000000;
        text-align: center;
    }
    
    ul.leftmenu {
        float: left;
        list-style-type: none;
    }
    
    ul.leftmenu li {
        position: relative;
        width: 130px;
    
        height: 17px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #454545;
        padding-left: 5px;
        padding-right: 10px;
    
    }
    
    ul.leftmenu li a {
        font-size: 13px;
        text-decoration: none;
    
        line-height: 5px;
    }
    
    /*---SubMenuleft---*/
    ul.leftmenu .sublnk {
        position: relative;
        z-index: 999;
    }
    
    ul.leftmenu li.sublnk ul {
        background-color: #282828;
        width: 170px;
    
        margin: 0;
        padding: 7px 0 7px 5px;
        text-indent: 16px;
        font-size: 15px;
        top: -10px;
        left: 171px;
        position: absolute;
        z-index: 99;
        display: none;
        opacity: 0.95;
        -moz-opacity: 0.95;
        filter: alpha(opacity=95);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
    ul.leftmenu li.sublnk ul li a, ul.leftmenu li.sublnk ul li, ul.leftmenu li.sublnk ul li a b {
        background: none;
        float: none;
        height: auto;
        display: block;
        line-height: normal;
        text-transform: none;
        width: 120px;
        padding-left: 0px;
    }
    
    ul.leftmenu li.sublnk ul li a {
        text-shadow: none;
        color: #d9d8d8;
        padding: 4px 0 2px 0px !important;
        width: 160px;
        text-align: left !important;
    
    }
    
    ul.leftmenu li.sublnk ul li a:hover {
    
        color: #d9d8d8;
    }
    
    .menucatcount {
        font-size: 13px;
        position: absolute;
        right: 0px;
        top: 0px;
        margin-right: 0px;
    
        height: 20px;
        padding: 0 0 0 5px;
    }
    
    .wsh {
    
        display: block;
        position: absolute;
        height: 20px;
        width: 10px;
        left: -10px;
        top: 0px;
    }
    
    ul.leftmenu li a:hover, ul.leftmenu li a.active {
    
        font-weight: bold;
    }
    
    .lefttitle-cat {
        float: left;
        width: 110px;
        font-size: 13px;
        font-weight: bold;
        padding: 10px 0 15px 46px;
        text-shadow: 1px 1px 1px #FFD200;
        color: red;
    }
    
    .leftmenubox {
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
        color: #373a3d;
        background-color: #d4d4d4;
        position: relative;
        height: 740px;
        padding-top: 12px;
        width: 180px;
        background-image: url(../images/menu.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
    }
    
    .leftmenubox a {
        color: #373a3d;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }
    Как подвигуть вкладки в лево?
     
  2. GABZAR

    GABZAR PRO Users

    Сообщения:
    362
    Симпатии:
    33
    Лучших ответов:
    1
    Они и так слева находятся. Посмотрите, какой-то див вам мешает (который проходит именно там, куда вы вставляете данный код). Попробуйте проставить в другом месте.
    upload_2018-5-3_3-11-4.png
     
    • Нравится Нравится x 1
  3. Defoz

    Defoz PRO Users

    Сообщения:
    1.832
    Симпатии:
    154
    Лучших ответов:
    4
    Roman.U а ссылка не нужна типа?)
     
    • Нравится Нравится x 1
  4. TopicStarter Overlay
    Roman.U

    Roman.U PRO Users

    Сообщения:
    6.892
    Симпатии:
    755
    Лучших ответов:
    5
    Спасибо всем кто ответил, проблема решена и была не в ДИВ). В стилях дописал 1 строку с указанием размеров. Меню взято с другого сайта и я его делаю под свой. Странно то, что там в стилях нет такой строки, пришлось отдельно дописывать, как же меню на том сайте отображается без глюков тогда.
    В общем пошел другой стиль сношать).
     
Похожие темы
  1. Elik5424
    Ответов:
    5
    Просмотров:
    1.318
  2. Snabs
    Ответов:
    6
    Просмотров:
    2.480
  3. Acha
    Ответов:
    1
    Просмотров:
    3.056
Загрузка...