[Помогите] Как сделать пункты меню по центру

Тема в разделе "Wordpress", создана пользователем PRUDNIKOV, 16 янв 2010.

Статус темы:
Закрыта.
Модераторы: DzSoft, Sorcus
  1. PRUDNIKOV

    PRUDNIKOV Постоялец

    Регистр.:
    12 апр 2009
    Сообщения:
    85
    Симпатии:
    4
    Использую WP с темой Pyrmont V2.. Сайт посмотреть можно Перейти по ссылке
    Переделал чуть меню, сделал ещё одну строчку, всего получилось 2е строчки в меню. Мне нужно что бы все пункты моего меню располагались по центру а не слева..
    [​IMG]
    Перепробовал все!!!
    Пожалуйста на сколько это возможно по подробнее!!!
     

    Вложения:

    • menu01.JPG
      menu01.JPG
      Размер файла:
      18,3 КБ
      Просмотров:
      61
  2. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    есть несколько вариантов, но наиболее простым мне кажется будет помещение списка (ведь ваше меню - это список ul с классом left) в дополнительный блок-контейнер, а уже этот блок отцентрировать...
     
    PRUDNIKOV нравится это.
  3. PRUDNIKOV

    PRUDNIKOV Постоялец

    Регистр.:
    12 апр 2009
    Сообщения:
    85
    Симпатии:
    4
    Я вроде так делал это как просил же по подробнее..
    мой style.css:
    PHP:
    /*
    Theme Name: Pyrmont V2
    Theme URI: http://imotta.cn/wordpress/pyrmont-theme-v2-for-wordpress.html
    Description: A dark WordPress theme. Build in links and archives pages. Widget support. The theme is released under GPL.
    Version: 2.0.7
    Author: motta
    Author URI: http://imotta.cn/
    Tags: black, dark, two-columns, fixed-width, threaded-comments, sticky-post
    */
    /* 
       Meyer's CSS Reset
       v1.0 | 20080212 
    */
    htmlbodydivspanappletobjectiframe,
    h1h2h3h4h5h6pblockquotepre,
    aabbracronymaddressbigcitecode,
    deldfnemfontimginskbdqssamp,
    smallstrikestrongtt, var,
    buicenter,
    dldtddolulli,
    fieldsetformlabellegend,
    tablecaptiontbodytfoottheadtrthtd {
        
    margin0;
        
    padding0;
        
    border0;
        
    outline0;
        
    font-size100%;
        
    vertical-alignbaseline;
        
    backgroundtransparent;
    }
    body {
        
    line-height1;
    }
    olul {
        list-
    stylenone;
    }
    blockquote{
        
    quotesnone;
    }
    blockquote:beforeblockquote:after,
    q:beforeq:after {
        
    content'';
        
    contentnone;
    }
    :
    focus {
        
    outline0;
    }
    ins {
        
    text-decorationnone;
    }
    del {
        
    text-decorationline-through;
    }
    table {
        
    border-collapsecollapse;
        
    border-spacing0;
    }
    *{
        
    margin0;
        
    padding0;
    }
    body{
        
    font-family"Lucida Grande"ArialHelveticaSans-Serif;
        
    background-color#121315;
    }
    a{
        
    text-decorationnone;
        
    outline-colorinvert;
        
    outline-stylenone;
        
    bordernone;
    }
    a img{
        
    bordernone;
    }
    .
    clear{
        
    clearboth;
    }
    div#page_wrap{
        
    width960px;
        
    margin0 auto;
        
    backgroundurl(/wp-content/themes/pyrmont-v2/images/bg.jpgno-repeat;
    }
    div#header{
        
    font-size12px;
        }
        
    div#header div.blog_title{
            
    floatleft;
            
    margin-top50px;
            
    margin-left10px;
            }
            
    div#header div.blog_title h1 a{
                
    font-familyHelvetica"Trebuchet MS"Verdanasans-serif;
                
    font-weightbold;
                
    letter-spacing: -1px;
                
    font-size36px;
                
    color#fff;
                
    line-height45px;
                
    displayblock;
                }
            
    div#header div.blog_title p.description{
                
    color#999;
                
    margin-top10px;
                
    margin-left5px;
                }
        
    div#header div#search{
            
    bordernone;
            
    floatright;
            
    positionrelative;
            }
            
    div#header div#search form#searchform{
                
    positionabsolute;
                
    top65px;
                
    right10px;
                
    width200px;
                
    height25px;
                
    bordernone;
                
    background-color#fff;
                
    }
                
    div#header div#search form#searchform .searchinput{
                    
    positionabsolute;
                    
    top5px;
                    
    left8px;
                    
    color#666;
                    
    font-size13px;
                    
    width165px;
                    
    border0;
                    }
                
    div#header div#search form#searchform .button{
                    
    positionabsolute;
                    
    top0px;
                    
    left175px;
                    
    backgroundurl(images/mag.gifno-repeat;
                    
    height25px;
                    
    width25px;
                    
    border0;
                    
    cursorpointer;
                    }
    div#main_navi{
        
    backgroundurl(images/navi.gifno-repeat;
        
    floatleft;
        
    margin-top30px;
        
    height74px;
        
    width960px;
        }
        
    div#main_navi ul.left{
            
    floatleft;
            list-
    style-typenone;
            
    padding2px 0 0 10px;
            
    widthauto;
            }
            
    div#main_navi ul li{
                
    positionrelative;
                
    floatleft;
                
    text-transformuppercase;
                }
                
    div#main_navi ul.left li a{
                    
    floatleft;
                    
    overflowhidden;
                    
    color#ccc;
                    
    font-size13px;
                    
    line-height18px;
                    
    margin0 15px 0 15px;
                    
    padding8px 4px;
                    }
                
    div#main_navi ul.left li a:hover{
                    
    color#ff5a00;
                    
    }
                
    div#main_navi ul.left li ul{
                    
    displaynone;
                    
    positionabsolute;
                    
    left0;
                    
    width125px;
                    
    margin-top33px;
                    
    padding0 3px;
                    
    heightauto;
                    
    background-color#111;
                    
    border1px solid #2d2c2c;
                    
    border-top0;
                    -
    moz-border-radius-bottomleft5px;
                    -
    moz-border-radius-bottomright5px;
                    -
    webkit-border-bottom-left-radius5px;
                    -
    webkit-border-bottom-right-radius5px;
                    }
                
    div#main_navi ul.left li ul li{
                    
    width125px;
                    
    overflowhidden;
                    }
                
    div#main_navi ul.left li ul li a{
                    
    font-size12px;
                    
    padding3px 6px;
                    
    margin0 2px;
                    }
    div#main{
        
    width660px;
        
    floatleft;
        
    displayinline;
        
    margin30px 25px 30px 10px;
        }
        
    div#main div.post{
            
    background-color#131313;
            
    border1px solid #1f2223;
            
    color#ccc;
            
    line-height22px;
            
    margin-bottom30px;
            }
        
    div#main div.sticky{
            
    background-color#0d0d0d;
            
    }
            
    div#main div.post div.date{
                
    backgroundurl(images/date.gifno-repeat;
                
    floatleft;
                
    font-size12px;
                
    line-height14px;
                
    font-family"Trebuchet MS"Georgiasans-serif;
                
    text-aligncenter;
                
    vertical-alignmiddle;
                
    color#fff;
                
    height43px;
                
    width50px;
                
    margin-left: -10px;
                
    margin-top16px;
                
    padding-top4px;
                
    _positionrelative;
                
    margin-right12px;
                }
            
    div#main div.post div.title{
                
    margin-left50px;
                
    margin-bottom10px;
                
    margin-top16px;
                
    _margin-top0;
                *+
    margin-top0;
                }
                
    div#main div.post div.title h2{
                    
    font-familyHelvetica"Trebuchet MS"Verdanasans-serif;
                    
    font-size22px;
                    
    font-weightbold;
                    
    letter-spacing: -1px;
                    
    color#eee;
                    
    width600px;
                    
    line-height30px;
                    }
                    
    div#main div.post div.title h2 a{
                        
    color#eee;
                        
    }
                    
    div#main div.post div.title h2 a:hover{
                        
    color#ff5a00;
                        
    }
                
    div#main div.post div.title div.postmeta{
                    
    font-size12px;
                    
    color#666;
                    
    width580px;
                    
    overflowhidden;
                    }
                    
    div#main div.post div.title div.postmeta a{
                        
    color#666;
                        
    border-bottom1px solid #131313;
                        
    text-decorationnone;
                        }
                    
    div#main div.post div.title div.postmeta a:hover{
                        
    color#ff5a00;
                        
    border-bottom1px solid #ff5a00;
                        
    text-decorationnone;
                        }
            
    div#main div.post div.entry{
                
    padding10px 20px 0 20px;
                
    overflowhidden;
                
    _width618px;
                
    font-size13px;
                }
                
    div#main div.post div.no_result{
                    
    padding20px;
                    }
                    
    div#main div.post div.no_result p.no_result{
                        
    margin-bottom0;
                        }
                
    div#main div.post div.entry a{
                    
    color#ff5a00;
                    
    bordernone;
                    
    text-decorationnone;
                    }
                
    div#main div.post div.entry a:hover{
                    
    text-decorationunderline;
                    }
                
    div#main div.post div.entry p{
                    
    margin-bottom20px;
                    }
                
    div#main div.post div.entry h1{ font-size: 20px; margin-bottom: 5px; }
                
    div#main div.post div.entry h2{ font-size: 18px; margin-bottom: 5px; }
                
    div#main div.post div.entry h3{ font-size: 16px; margin-bottom: 5px; }
                
    div#main div.post div.entry h4{ font-size: 15px; margin-bottom: 5px; }
                
    div#main div.post div.entry h5{ font-size: 14px; margin-bottom: 5px; }
                
    div#main div.post div.entry h6{ font-size: 12px; margin-bottom: 5px; }
                
    div#main div.post div.entry ul,
                
    div#main div.post div.entry ol{
                    
    padding-bottom24px;
                    
    margin-left40px;
                    
    margin-right40px;
                    }
                
    div#main div.post div.entry ul{
                    
    list-style-typedisc;
                    }
                
    div#main div.post div.entry ol{
                    
    list-style-typedecimal;
                    }
                    
    div#main div.post div.entry ul li,
                    
    div#main div.post div.entry ol li{
                        
    padding1px 0;
                        list-
    styleinside;
                        }
                
    div#main div.post div.entry blockquote{
                    
    backgroundurl(images/blockquote.gifno-repeat;
                    
    padding35px 20px 10px 50px;
                    
    margin0 15px 24px 15px;
                    
    background-color#181818;
                    
    border-top1px solid #2a2e2f;
                    
    border-bottom1px solid #2a2e2f;
                    
    color#999;
                    
    }
                    
    div#main div.post div.entry blockquote p{
                        
    margin-bottom8px;
                        }
                
    div#main div.post div.entry code{
                    
    font-family"Courier New"mono;
                    
    background-color#181818;
                    
    border-left1px solid #2a2e2f;
                    
    color#197b30;
                    
    padding5px 10px;
                    
    displayblock;
                    }
                
    div#main div.post div.entry table{
                    
    margin-bottom20px;
                    
    border-collapse:collapse;
                    
    border1px solid #2a2e2f;
                    
    background-color#181818;
                    
    color#999;
                    
    }
                    
    div#main div.post div.entry table td,
                    
    div#main div.post div.entry table th{
                        
    padding2px 5px;
                        
    border1px solid #2a2e2f;
                        
    }
        
    div#main div.navigation{
            
    font-size13px;
            }
            
    div#main div.navigation a{
                
    displayblock;
                
    color#ccc;
                
    border1px solid #1f2223;
                
    padding0 5px;
                
    background-color#101010;
                
    line-height28px;
                }
                
    div#main div.navigation .left a:hover,
                
    div#main div.navigation .right a:hover{
                    
    color#ff5a00;
                    
    background-color#000;
                    
    }
            
    div#main div.navigation .left{
                
    floatleft;
                }
            
    div#main div.navigation .right{
                
    floatright;
                }
    div#footer{
        
    color#666;
        
    font-size12px;
        
    backgroundurl(images/footer_bg.gifrepeat-x;
        }
        
    div#footer div.footer_wrapper{
            
    width960px;
            
    margin0 auto;
            
    padding18px 0;
            }
            
    div#footer div.footer_left{
                
    floatleft;
                
    width600px;
                }
            
    div#footer div.footer_left a{
                
    color#ccc;
                
    text-decorationnone;
                }
            
    div#footer div.footer_left a:hover{
                
    color#fff;
                
    }
    div#sidebar{
        
    width260px;
        
    floatleft;
        
    displayinline;
        
    margin-top30px;
        
    margin-bottom30px;
        
    overflowhidden;
        
    color#aaa;
        
    font-size12px;
        
    background-color#131313;
        
    border1px solid #1f2223;
        
    }
        
    div#sidebar ul{
            
    background-color#131313;
            
    }
            
    div#sidebar ul li h2{
                
    backgroundurl(images/sidebar_title_bg.gifno-repeat;
                
    background-positionleft bottom;
                
    font-size16px;
                
    line-height30px;
                
    color#ccc;
                
    background-color#101010;
                
    padding5px 10px;
                
    font-weightnormal;
                }
            
    div#sidebar ul li ul{
                
    list-style-typenone;
                
    color#eee;
                
    line-height20px;
                }
                
    div#sidebar ul li ul li{
                    
    padding-top2px;
                    
    padding-bottom2px;
                    
    padding-left26px;
                    
    padding-right10px;
                    
    backgroundurl(images/sidebar_list_bg.gifno-repeat;
                    
    background-positionleft bottom;
                    }
                
    div#sidebar ul li ul li:hover{
                    
    background-color#0d0d0d;
                    
    }
                
    div#sidebar ul li ul li a{
                    
    backgroundnone;
                    
    displayinline;
                    
    color#ccc;
                    
    line-height26px;
                    
    text-decorationnone;
                    }
                
    div#sidebar ul li ul li a:hover{
                    
    color#ff5a00;
                    
    }
    div#sidebar ul li ul li.rc a{
        
    displayinline;
    }
    div#sidebar ul li.widget,
    div#sidebar ul li.widget_archive,
    div#sidebar ul li.widget_categories, 
    div#sidebar ul li.widget_search, 
    div#sidebar ul li.widget_tag_cloud div, 
    div#sidebar ul li.widget_text{
        
    backgroundurl(images/sidebar_list_bg.gifno-repeat left bottom;
    }
    div#sidebar ul li.widget h2 a{
        
    color#ccc;
    }
    div#sidebar ul li.widget_archive select, 
    div#sidebar ul li.widget_categories select{
        
    margin15px 26px;
    }
    div#sidebar ul li.widget_calendar div#calendar_wrap{
        
    padding15px 26px;
        
    backgroundurl(images/sidebar_list_bg.gifno-repeat left bottom;
    }
    #wp-calendar {
        
    color#ccc;
        
    width95%;
        
    font-familyArialsans-serif;
    }
    #wp-calendar caption {
        
    padding5px;
        
    letter-spacing2px;
    }
    #wp-calendar th, #wp-calendar td {
        
    padding5px;
        
    text-aligncenter;
    }
    #wp-calendar th{
        
    border-bottom1px solid #1f2223;
        
    border-top1px solid #1f2223;
    }
    #wp-calendar td {
        
    backgroundtransparent;
    }
    #wp-calendar td, table#wp-calendar th {
        
    padding3px 0;
    }
    #wp-calendar a {
        
    color#ff5a00;
    }
    #wp-calendar a:hover {
        
    text-decorationunderline;
    }
    #wp-calendar #prev{
        
    text-alignleft;
        
    padding-left5px;
    }
    #wp-calendar #next{
        
    text-alignright;
        
    padding-right5px;
    }
    #wp-calendar #prev, #wp-calendar #next, #wp-calendar tfoot tr td.pad{
        
    border-top1px solid #1f2223;
    }
    #wp-calendar #prev a, #wp-calendar #next a{
        
    color#999;
    }
    #wp-calendar td#today{
        
    color#fff;
        
    background-color#101010;
        
    font-weightbold;
    }
    div#sidebar ul li ul li ul li,
    div#sidebar ul li ul li ul.children li{
        
    backgroundnone;
    }
    div#sidebar ul li ul li ul li:hover,
    div#sidebar ul li ul li ul.children li:hover{
        
    backgroundnone;
    }
    .
    widget_rss a{
        
    color#ccc;
    }
    li.widget_search #search{
        
    padding10px 30px;
    }
    li.widget_search form#searchform{
        
    width200px;
        
    height25px;
        
    bordernone;
        
    background-color#fff;
        
    positionrelative;
        }
        
    li.widget_search form#searchform .searchinput{
            
    positionabsolute;
            
    top5px;
            
    left8px;
            
    color#666;
            
    font-size13px;
            
    width165px;
            
    border0;
            }
        
    li.widget_search form#searchform .button{
            
    positionabsolute;
            
    top0px;
            
    left175px;
            
    backgroundurl(images/mag.gifno-repeat;
            
    height25px;
            
    width25px;
            
    border0;
            
    cursorpointer;
            }
    div#sidebar ul li.widget_tag_cloud div{
        
    padding10px 16px;
    }
    div#sidebar ul li.widget_tag_cloud div a{
        
    color#ccc;
    }
    div#sidebar ul li.widget_tag_cloud div a:hover{
        
    color#ff5a00;
    }
    .
    textwidget{
        
    padding10px 26px;
        
    line-height16px;
    }
    .
    textwidget p{
        
    margin-bottom10px;
        
    line-height16px;
    }
    .
    textwidget a, .textwidget p a{
        
    color#ff5a00;
        
    text-decorationnone;
    }
    .
    textwidget a:hover, .textwidget p a:hover{
        
    text-decorationunderline;
    }
    div#main div#comments{
        
    margin-bottom10px;
        }
        
    div#main div#comments h3{
            
    floatleft;
            
    font-size16px;
            
    color#ccc;
            
    line-height24px;
            
    font-weightnormal;
            }
        
    div#main div#comments .add_your_comment a{
            
    floatright;
            
    font-size16px;
            
    color#ccc;
            
    line-height24px;
            
    font-weightnormal;
            }
        
    div#main div#comments .add_your_comment a:hover{
            
    color#ff5a00;
            
    }
    div#main ol.commentlist{
        
    font-size13px;
        
    color#ccc;
        
    overflowhidden;
        }
        
    div#main ol.commentlist li{
            
    margin-bottom15px;
            
    background-color#101010;
            
    border1px solid #1f2223;
            
    -moz-border-radius2px;
            -
    webkit-border-radius2px;
            
    padding20px 20px 15px 20px;
            }
            
    div#main ol.commentlist li ul{
                
    list-style-typenone;
                
    margin-left60px;
                
    margin-top6px;
                }
                
    div#main ol.commentlist li ul.children li{
                    
    background-color#0d0d0d;
                    
    border-left1px solid #181a1b;
                    
    border-top0;
                    
    border-bottom0;
                    
    border-right0;
                    }
            
    div#main ol.commentlist li div.vcard{
                
    floatleft;
                }
            
    div#main ol.commentlist li div.vcard div.left{
                
    width56px;
                
    margin-right5px;
                }
                
    div#main ol li div.left img{
                    
    border1px solid #000;
                    
    displayblock;
                    
    height48px;
                    
    width48px;
                    }
                
    div#main ol li div.left div.reply a{
                    
    backgroundurl(images/reply.gifno-repeat 0 0;
                    
    displayblock;
                    
    height0;
                    
    padding-top17px;
                    
    width41px;
                    
    overflowhidden;
                    
    margin-left5px;
                    
    margin-top5px;
                    }
                
    div#main ol li div.left div.reply a:hover{
                    
    background-position-17px;
                    }
            
    div#main ol.commentlist li div.right{
                
    floatleft;
                
    line-height20px;
                
    width80%;
                }
                
    div#main ol.commentlist li div.right p a{
                    
    color#ccc;
                    
    text-decorationnone;
                    
    border-bottom1px solid #ccc;
                    
    }
                
    div#main ol.commentlist li div.right p a:hover{
                    
    color#ff5a00;
                    
    border-bottom1px solid #ff5a00;
                    
    }
                
    div#main ol li div.right div.commentmetadata{
                    
    font-size12px;
                    
    color#999;
                    
    border-bottom1px solid #181a1b;
                    
    padding-bottom3px;
                    
    margin-bottom8px;
                    }
                    
    div#main ol li div.right div.commentmetadata a{
                        
    color#ccc;
                        
    text-decorationnone;
                        
    font-weightbold;
                        }
                    
    div#main ol li div.right div.commentmetadata a:hover{
                        
    color#ff5a00;
                        
    }
                
    div#main ol li div.right p{
                    
    margin-bottom20px;
                    }
    div#main .comments_navi{
        
    font-size12px;
        }
        
    div#main .comments_navi .alignleft{
            
    floatleft;
            }
        
    div#main .comments_navi .alignright{
            
    floatright;
            }
            
    div#main .comments_navi .alignleft a, 
            
    div#main .comments_navi .alignright a{
                
    displayblock;
                
    color#ccc;
                
    border1px solid #1f2223;
                
    padding0 5px;
                
    background-color#101010;
                
    line-height28px;
                }
            
    div#main .comments_navi .alignleft a:hover, 
            
    div#main .comments_navi .alignright a:hover{
                
    color#ff5a00;
                
    background-color#000;
                
    }
    div#main div#respond{
        
    background-color#101010;
        
    border1px solid #181a1b;
        
    -moz-border-radius2px;
        -
    webkit-border-radius2px;
        
    color#ccc;
        
    padding15px 20px;
        
    margin-top15px;
        }
        
    div#main div#respond div.h3_cancel_reply{
            
    margin-bottom5px;
            }
        
    div#main div#respond h3{
            
    font-size16px;
            
    color#ccc;
            
    line-height24px;
            
    font-weightnormal;
            
    floatleft;
            
    displayinline;
            }
            
    div#main div#respond span.cancel-comment-reply{
                
    floatright;
                
    displayinline;
                
    padding-top6px;
                }
            
    div#main div#respond span.cancel-comment-reply a{
                
    font-size12px;
                
    color#999;
                
    text-decorationnone;
                }
            
    div#main div#respond span.cancel-comment-reply a:hover{
                
    color#ff5a00;
                
    }
        
    div#main div#respond form#commentform{
            
    }
            
    div#main div#respond form#commentform p{
                
    font-size12px;
                
    color#999;
                
    padding3px 0;
                }
                
    div#main div#respond form#commentform p a{
                    
    color#fff;
                    
    border0;
                    }
                
    div#main div#respond form#commentform p a:hover{
                    
    border-bottom1px solid #fff;
                    
    }
            
    div#main div#respond div.input_area{
                
    padding15px 30px;
                }
                
    div#main div#respond div .message_input{
                    
    font-family"Trebuchet MS""Lucida Grande"Arialsans-serif;
                    
    background-color#eee;
                    
    border2px solid #000;
                    
    color#333;
                    
    font-size13px;
                    
    padding5px;
                    
    height120px;
                    
    width98%;
                    }
            
    div#main div#respond div.user_info{
                
    font-size12px;
                
    line-height16px;
                
    displayblock;
                
    padding0 30px;
                }
                
    div#main div#respond div.user_info div.single_field{
                    
    displayinline;
                    
    floatleft;
                    
    width33%;
                    }
                    
    label.desc{
                        
    displayblock;
                        
    color#999;
                        
    padding-bottom4px;
                        }
                        
    label.desc abbr{
                            
    color#ff5a00;
                            
    border0;
                            }
                    
    div#main div#respond div.user_info input.comment_input{
                        
    background-color#eee;
                        
    color#666;
                        
    border2px solid #000;
                        
    padding2px 3px;
                        
    width90%;
                        }
            
    div#main div#respond div.submit_button{
                
    margin15px 30px 0;
                }
                
    div#main div#respond form#commentform div.submit_button input.button{
                    
    displayblock;
                    
    backgroundurl(images/submit.gifno-repeat 0 0;
                    
    width76px;
                    
    height28px;
                    
    padding0;
                    
    border0;
                    
    color#bbb;
                    
    font-size12px;
                    
    cursorpointer;
                    
    floatleft;
                    }
                
    div#main div#respond form#commentform div.submit_button input.button:active{
                    
    background-position-28px;
                    
    color#fff;
                    
    }
                
    div.submit_button span.key{
                    
    floatleft;
                    
    margin-left10px;
                    
    padding-top6px;
                    
    font-size12px;
                    
    line-height16px;
                    
    color#333;
                    
    }
    .
    nocomments{
        
    color#ccc;
        
    font-size16px;
    }
    .
    aligncenter,
    div.aligncenter{
       
    displayblock;
       
    margin-leftauto;
       
    margin-rightauto;
    }
    .
    alignleft{
        
    floatleft;
        }
    .
    alignright{
        
    floatright;
        }
    img.alignleft{
        
    displayinline;
        
    margin-bottom2px;
        
    margin-right6px;
        
    padding3px;
        }
    img.alignright{
        
    displayinline;
        
    margin-bottom2px;
        
    margin-left6px;
        
    padding3px;
        }
    .
    wp-caption {
       
    border1px solid #1f2223;
       
    text-aligncenter;
       
    background-color#0d0d0d;
       
    padding-top4px;
       
    margin10px;
       -
    moz-border-radius3px;
       -
    khtml-border-radius3px;
       -
    webkit-border-radius3px;
       
    border-radius3px;
    }
    .
    wp-caption img {
       
    margin0;
       
    padding0;
       
    border0 none;
    }
    .
    wp-caption p.wp-caption-text {
       
    font-size12px;
       
    line-height17px;
       
    padding0 4px 5px;
       
    margin0;
       
    color#ccc;
    }
    div#main div.post div.entry div.wp-caption p{
        
    margin-bottom3px;
        
    padding5px;

    ul.archiveslist{
        
    color#ccc;
        
    font-size13px;
    }
    div#main div.post div.entry  ul.archiveslist li a{
        
    color#ccc;
    }
    div#main div.post div.entry  ul.archiveslist li a:hover{
        
    color#ff5a00;
    }
    .
    linkpage{
        
    background-color#131313;
        
    padding10px 15px;
    }
    .
    linkpage ul{
        list-
    style-typenone;
    }
    .
    linkpage ul li{
        
    floatleft;
        
    margin-bottom10px;
    }
    .
    linkpage ul li ul li{
        
    floatleft;
        
    width130px;
        
    text-aligncenter;
        
    margin5px 12px;
        
    line-height180%;
        
    background-color#202020;
    }
    .
    linkpage ul li ul li a{
        
    color#ccc;
        
    displayblock;
        
    text-decoration:none;
        
    border1px solid #1f2223;
        
    font-size12px;
    }
    .
    linkpage ul li ul li a:hover{
        
    background-color#0d0d0d;
        
    border1px solid #1f2223;
        
    color#ff5a00;
    }
    .
    linkpage ul li h3{
        
    margin-bottom5px;
        
    margin-left12px;
    }
    div.strong{
        
    color#fff;
        
    font-size18px;
        
    padding10px 0;
        
    margin-bottom25px;
    }
    div.strong .keyword{
        
    color#ff5a00;
    }
    htmlbody#page_wrap{
        
    height100%;
    }
    body #page_wrap{
        
    heightautomin-height100%;
    }
    #container{
        
    padding-bottom48px;
    }
    #footer{
        
    positionrelative;
        
    margin-top: -48px
        
    height48px;
        
    clear:both;
    }
    мой header.php:
    PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="shortcut icon" type="image/ico" href="<?php bloginfo('stylesheet_directory'); ?>/images/favicon.ico" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <script src="<?php bloginfo('stylesheet_directory'); ?>/scripts/basic.js" type="text/javascript"></script>
    <?php if ( is_singular() ) wp_enqueue_script'comment-reply' ); ?>
    <?php wp_head
    (); ?>
    </head>
    <body>
    <div id="page_wrap">
        <div id="header">
            <div class="blog_title">
                <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
                <p class="description"><?php bloginfo('description'); ?></p>
            </div>
            <?php include (TEMPLATEPATH '/searchform.php'); ?>
            <div class="clear"></div>
        </div><!-- end header -->
        <div id="main_navi">
            <ul class="left">
                <li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'?>><a href="http://vash-zabor.com/?page_id=44"><?php _e('Заборы металлические''pyrmont_v2'); ?><!--end--></a></li>
                <li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'?>><a href="http://vash-zabor.com/?page_id=46"><?php _e('Заборы деревянные''pyrmont_v2'); ?><!--end--></a></li>
    <li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'?>><a href="http://vash-zabor.com"><?php _e('Заборы комбинированные''pyrmont_v2'); ?><!--end--></a></li>
    <li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'?>><a href="http://vash-zabor.com"><?php _e('Заборы кованные''pyrmont_v2'); ?><!--end--></a></li>
    </ul>
    <ul class="left">
                <li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'?>><a href="<?php bloginfo('url'); ?>"><?php _e('Главная''pyrmont_v2'); ?><!--end--></a></li>
    <li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'?>><a href="http://vash-zabor.com/?page_id=54"><?php _e('Знания''pyrmont_v2'); ?><!--end--></a></li>
    <li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'?>><a href="http://vash-zabor.com/?page_id=67"><?php _e('Галерея''pyrmont_v2'); ?><!--end--></a></li>
                <li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'?>><a href="http://vash-zabor.com/?page_id=30"><?php _e('Прайс''pyrmont_v2'); ?><!--end--></a></li>
                <li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'?>><a href="http://vash-zabor.com/?page_id=40"><?php _e('Контакты''pyrmont_v2'); ?><!--end--></a></li>
            </ul>
            </ul>
        </div><!-- end main_navi -->
        <div class="clear"></div>
     
  4. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    ваши файлы я глянул прежде, чем написать ответ...
    "поподробнее" - это написать за вас код?
    "Я вроде так делал" - в таком в хедер.пхп между этими двумя строками
    PHP:
    <div id="main_navi"
    <
    ul class="left">
    должен находиться еще один блок (ток не забудьте закрывающий тег для него)

    зы
    заодно исправьте оибку - у вас нижний список дважды закрыт - два раза подряд стоят теги
    HTML:
    
            </ul> 
            </ul>
    
     
    PRUDNIKOV нравится это.
  5. PRUDNIKOV

    PRUDNIKOV Постоялец

    Регистр.:
    12 апр 2009
    Сообщения:
    85
    Симпатии:
    4
    Дело в том что, дважды закрывается, для того что бы разделить одну часть меню от другого..
    Пытался я вставлять тег <center>
    Между и не между <div id="main_navi"> <ul class="left"> и по всякому не становиться по центру, потому и написал эту тему!!!
     
  6. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    1. тега <center> в XHTML 1.0 не существует
    2. между єтими двумя строками просто поставьте блок, например
    HTML:
    <div class="center_nah">
    3. в style.css создайте данный класс, например
    HTML:
    
    .center_nah{
    margin: 0 auto;
    }
    
    можно отцентрировать так
    HTML:
    text-align: center;
    но в некоторых эксплорерах возможны глюки, если кроме текста используются катринки
    у вас жестко прописана ширина, а если с заказчиком договорились о сдельной оплате (больше кода=больше денег, бывает и такое :D ) можно отцентрировать и так
    HTML:
    margin-left: 200px;
    margin-right: 200px;
    зы
    учитесь сразу делать правильно и валидно
    удалите лишний </ul>, а после первого списка поставьте
    HTML:
    <div class="clear"></div>
     
    PRUDNIKOV нравится это.
  7. zzallexx

    zzallexx

    Регистр.:
    11 июн 2008
    Сообщения:
    1.037
    Симпатии:
    702
    совсем не обязательно(хотя по коду и красивее) юзать список(ul,li) можно и простой таблицей обойтись
    это в css
    а это в header
     
    PRUDNIKOV нравится это.
  8. Searching Man

    Searching Man Постоялец

    Регистр.:
    24 янв 2009
    Сообщения:
    75
    Симпатии:
    16
    Здесь наверно дело не в "красивости" кода , а в универсальности использования списков для меню.
    Списки очень просто с помощью CSS могут быть представлены как вертикальные , так и горизонтальные.
    А с таблицей так просто не сделаешь , нужно html-код изменять.

    Если же рассматривать конкретный случай, то конечно можно и списком и таблицей делать.
     
  9. Sizamas

    Sizamas

    Регистр.:
    17 апр 2008
    Сообщения:
    417
    Симпатии:
    97
    дело в том, что пукты меню в ВП выводятся списками, можно конечно, добавить в код хак, чтобы выводились столбцами таблицы, но могут из-за этого возникнуть в дальнейшем проблемы, поэтому юзать нужно СПИСКИ, тем более, что через css с ними можно сделать что угодно
     
  10. xbreaker

    xbreaker Вверх ногами

    Регистр.:
    15 авг 2007
    Сообщения:
    245
    Симпатии:
    52
    да, табличная разметка подходит лишь для печати отчетов :) дивовая + списки дает куда больше возможностей
     
Статус темы:
Закрыта.