אהלן


אני מנסה לגייר תבנית וורדפרס - הצלחתי בהכל, רק נתקעתי עם התפריט הנפתח dropdown, גם בפיירפוקס וגם באקספלורר (אני עובד עם גירסא 7) התפריט מושך לצד שמאל, וכל תתי התפריטים נשארים פתוחים ובצד הכי שמאלי

אני אשמח אם מישהו יוכל לעזור לי בזה.

עברתי על הודעות קודמות בפורום ולא מצאתי תשובה שתעזור לי

זה קוד הCSS

קוד:

 
/* Dropdown Menus */ 
 
#page-bar li {
 
float: right;
 
margin: 0px;
 
padding: 0px;
 
}
 
 
 
#page-bar li li {
 
float: right;
 
margin: 0px;
 
padding: 0px;
 
width: 132px;
 
text-transform:none;
 
}
 
 
 
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
 
width: 122px;
 
float: right;
 
margin: 0px;
 
padding: 4px 18px 4px 10px;
 
background: #5b5b5b url(images/dots_nav.gif) repeat-x top;
 
}
 
 
 
#page-bar li li a:hover, #page-bar li li a:active {
 
background: #909090;
 
padding: 4px 10px 4px 10px;
 
}
 
 
 
#page-bar li ul {
 
		 position: absolute;
 
width: 10em;
 
left: -999em;
 
}
 
 
 
#page-bar li:hover ul {
 
left: auto;
 
display: block;
 
}
 
 
 
#page-bar li:hover ul, #page-bar li.sfhover ul {
 
left: auto;
 
}

מהו קוד ה-HTML?

האם יש קוד JS שמעורב בנושא?

אם אין קוד JS - ניסית לבדוק בקוד ה-CSS מילים כמו "left" ו- "right" ולהתמקד בהן כמוקד הבעיה?

אני לא מכיר וורדפרס, אבל יכול להיות שתבנית זו מותאמת לאנגלית?

אני מצרף את כתובת האתר, כדי שתוכלו לראות את הבעיה http://www.ofek-online.net



זה הקוד הרלוונטי

קוד:

 
 
<div id="navbar" class="clearfloat">
<ul id="page-bar" class="left clearfloat">
<li><a href="<?php echo get_option('home'); ?>/">בית</a></li>
<?php wp_list_pages('sort_column=menu_order&title_li='); ?>
</ul>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>
 

אני רואה שה div שייך למחלקת CSS שנקראת left.
אני לא כל כך מכיר את התבנית הזו שאתה מנסה לשים אבל אני מניח שהגדירו איזו מחלקה שעושה

קוד:

.left { float: left}

יכול להיות ששם הבעיה שלך?

שמתי לב שביצעת שינויים בזמן האחרון.

בכל אופן, אחרי השינויים שביצעת, יש להוסיף את קוד ה-CSS:

קוד:

float:right;

לאלמנט ה:

קוד:

 #page-bar

כך שבסופו של דבר, הוא ייראה באופן הבא:

קוד:

#page-bar {
padding:0;
float:right;
}