צפיות
תשובות
לילה טוב. בעיה עם תפריט עליון הבנוי עםUL
שלום לכולם.
אני מצרף לינק להמחשה של הבעיה (לחצו כאן כדי לראות).
יש לי תפריט והוא נראה ככה
<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 תשובות
עשיתי כמה שינויים, זה נצמד לימין עכשיו..
אך לא מצליח למרכז את זה.
ה 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
לקלאס הראשון
תבטל את ה-width:100%
ותיתן לו margin:auto
זה נצמד ימינה/שמאלה בגלל ה-float:right
אלי ענתבי