שלח תשובה

זירת השאלות

863
צפיות
2
תשובות

לילה טוב. בעיה עם תפריט עליון הבנוי עםUL

,‏ 12 בפברואר, 2010

שלום לכולם.
אני מצרף לינק להמחשה של הבעיה (לחצו כאן כדי לראות).

יש לי תפריט והוא נראה ככה


<div class="menu_up_heb" dir="rtl">
<ul>
<li><a href="index.php" title="ראשי">ראשי</a></li>
<li><a href="forum-forum-heb.html" title="פורום">פורום</a></li>
<li><a href="forms-main-heb.html" title="טפסים">טפסים</a></li>
<li><a href="gallery-sub-heb.html" title="גלריה">גלריה</a></li>
<li><a href="videogallery-sub-heb.html" title="וידאו">וידאו</a></li>
<li><a href="shop-see-sub-heb.html" title="חנות">חנות</a></li>
<li><a href="guestbook-sub-heb.html" title="אורחים">אורחים</a></li>
<li><a href="polls-allpoll-sub-heb.html" title="סקרים">סקרים</a></li>
<li><a href="articles-articles-heb.html" title="מאמרים">מאמרים</a></li>
<li><a href="links-sub-heb.html" title="קישורים">קישורים</a></li>
<li><a href="contact-sub-heb.html" title="צור קשר">צור קשר</a></li>
<li><a href="content-sub-heb-testpage.html" title="דף מידע">דף מידע</a></li>
</ul>
</div>


ה CSS שלו נראה ככה


.menu_up_heb {
    width:100%;
    font-size:12px;
    line-height:normal;
    }

.menu_up_heb ul {  }

.menu_up_heb ul li{
    height:25px;
    width:64px;
    float:left;
    background-image:url('../../../../templates/SilverClear/heb/images_upmenu/up_btn_bg.jpg');
    text-align:center;
    }

.menu_up_heb ul li:hover{
    background-image:url('../../../../templates/SilverClear/heb/images_upmenu/up_btn_bg_over.jpg');
    }

.menu_up_heb ul li a {
    color:#535353;
    text-decoration:none;
    display: block;
    padding-top: 5px;
    }

.menu_up_heb ul li a:hover { color:#000000; }


הבעיה היא שהוא נדבק לצד שמאל ואין לי מושג איך לעשות אותו שיהיה במרכז.
אותה בעיה בתפריט למטה….

כתובות אינטרנט נלוות:
לחצו כאן כדי לראות


בברכה,
אלברט אמיר  (Web Developer)

אלמיר מערכות תוכנה.
www.almir.co.il

תגיות:

2 תשובות

  1. mrmistory הגיב:

    עשיתי כמה שינויים, זה נצמד לימין עכשיו..
    אך לא מצליח למרכז את זה.

    ה CSS נראה אחרי השינוי ככה


    .menu_up_heb {
        width:100%;
        font-size:12px;
        line-height:normal;
        direction:ltr;
        }

    .menu_up_heb ul { margin:0; list-style:none;}

    .menu_up_heb ul li{
        height:25px;
        width:64px;
        background-image:url('../../../../templates/SilverClear/heb/images_upmenu/up_btn_bg.jpg');
        float:right;
        display:inline-block;
        }

    .menu_up_heb ul li:hover{
        background-image:url('../../../../templates/SilverClear/heb/images_upmenu/up_btn_bg_over.jpg');
        }

    .menu_up_heb ul li a {
        color:#535353;
        text-decoration:none;
        display: block;
        padding-top: 5px;
        }

    .menu_up_heb ul li a:hover { color:#000000; }


    בברכה,
    אלברט אמיר  (Web Developer)

    אלמיר מערכות תוכנה.
    http://www.almir.co.il

  2. לקלאס הראשון
    תבטל את ה-width:100%

    ותיתן לו margin:auto

    זה נצמד ימינה/שמאלה בגלל ה-float:right


    אלי ענתבי

שלח תשובה