בס"ד.

אז ככה...

יש לי רשימת קישורים בLI עם מאפיין ה inline
ואני רוצה ליצור כפתורים ברוחב מסויים עם צבע מסויים
הבעייה שזה לא מאפשר לי
ניסיתי גם בתוך כל LI לשים DIV עם WIDTH גם לא עזר לי

אשמח להמלצות.

לשירותכם,
מסנג'ר muler@mulers.net

אולי אם תדביק את הקוד שלך נוכל לבדוק אותו..

אני חושב שהבעיה שלך היא שאי אפשר לשים אוביקט שהוא בלוק בתוך אוביקט שהוא אינליין (זה לא נכון גם לוגית אם חושבים על זה. זה כמו לשים תיק בתוך קלמר או משהו כזה)

קוד:

 
me1
{
display: inline;
}
.me1 li
{
 display: inline;
 padding:0px;
 display: inline;
 background-color:#42647F;
 list-style-type: none;
 float:right;
 font-size: 10pt;
 font-family: verdana;
 color: white;
 padding: 3px;
 padding-right: 10px;
 padding-left: 10px;
 font-weight: bold;
 cursor: pointer;
 margin-right: 1px;
}
.me1 A:visited	 {  color: white; text-decoration:none }
.me1 A:link		{ color: white; text-decoration:none }
.me1 A:hover	   { color: black;background-color:silver }

והנה הקוד הפיזי של מה שאני רוצה להראות :

קוד:

 
<ul class='me1'>
	  <li><a href='http://www.muler.co.il' target='_self' title='ראשי'>ראשי</a></li>
	  <li><a href='http://www.muler.co.il' target='_self' title='1'>1</a></li>
   <li><a href='http://www.muler.co.il' target='_self' title='2'>2</a> </li>
   <li><a href='http://www.muler.co.il' target='_self' title='3'>3</a> </li>
   <li><a href='http://www.muler.co.il' target='_self' title='4'>4</a> </li>
</ul>

 

לשירותכם,
מסנג'ר muler@mulers.net

אני לא רואה איפה אתה רוצה לשים פה כפתורים..
אם אתה מדבר על תמונות שיחליפו את הבוּלטים יש לך את המאפיין list-style-image
http://www.w3schools.com/css/pr_list-style-image.asp

חוץ מזה, שכחת לשים נקודה לפני הגדרת הקלאס me1

אצלי זה מתפקד כתפריט לרוחב ..
העניין שאני רוצה לקבוע לכל IL מאפייני BGCOLOR ו WIDTH
משלו .

האם לצורך העניין בכלל לא כדאי לי לעבוד עם UL ?!

ולגבי ה נקודה כנראה לא העתקתי כי בדף שלי יש את ה נקודה (בME1)

לשירותכם,
מסנג'ר muler@mulers.net

אם אתה רוצה לקבוע לכל LI מאפיינים אחרים, לא ראיתי אותך עושה זאת בקוד.
יש הבדל בין UL ל LI
UL זה מגדיר רשימה, LI מגדיר איבר ברשימה

תנסה לעשות בקוד שלך משהו כזה:

קוד:

 <ul class="me1">
<li style="width: 100px; background: blue;"><a href="ffff">link 1</a></li>
<li style="width: 200px; background: yellow;"><a href="zzzz">link 2</a></li>
</ul>

אני רוצה שכשאני עובר עם העכבר .. יצבע לי כל הIL כלומר אם נניח הWIDTH שלו הוא 100
אז שכולו יצבע ולא רק ממש מסביב לטקסט .
|(אפשר לראות את זה מייושם ב : http://home.muler.co.il/picz/ )
בתפריט העליון .

הנה הקוד שעשיתי ב CSS :

קוד:

 
.me1
{
display: inline;
list-style-type: none;
}
.t
{
	text-align:center;
	display: inline;
	width:50px;
 border:1px solid green;
	float:right;
 font-size: 10pt;
 font-family: verdana;
 font-weight: bold;
 cursor: pointer;
 margin-right: 5px;
 margin-lerf: 5px;
 
}
.t A:visited	 { color: white; text-decoration:none }
.t A:link		{ color: white; text-decoration:none }
.t A:hover	   { color: black;	background-color:silver }

 

והנה הקוד שאני שם בדף עצמו :

קוד:

<ul class='me1'>
	  <li class='t'><a href='http://www.muler.co.il' target='_self' title='ראשי'>ראשי</a></li>
	  <li class='t'><a href='http://www.muler.co.il' target='_self' title='1'>1</a></li>
   <li class='t'><a href='http://www.muler.co.il' target='_self' title='2'>2</a> </li>
   <li class='t'><a href='http://www.muler.co.il' target='_self' title='3'>3</a> </li>
   <li class='t'><a href='http://www.muler.co.il' target='_self' title='4'>4</a> </li>
</ul>
  

לשירותכם,
מסנג'ר muler@mulers.net

אוקיי
מקרה כזה תצטרך להשתמש ב JAVASCRIPT כדי להחליף קלאס כאשר העכבר עובר על האיבר.
קח דוגמא:

קוד:

<script type="text/javascript>
function changeClass(var obj, var newClass)
{
obj.className = newClass;
}
</script>

עכשיו הHTML יראה ככה:

קוד:

<ul>
<li class="t" onmouseover="changeClass(this, 't2');" onmouseout="changeClass(this, 't');"><a href="fdsfds">link1</a></li>
</ul>

ובCSS:

קוד:

.t { 
background: green;
}
.t2 {
background: yellow;
}

למה לא ככה:

קוד:

.t:hover
{
background-color: yellow;
}

אפשרי לתת מאפיין הובר לכל אובייקט?
הייתי בטוח שזה רק לקישורים

שהשתמשתי ב HOVER ...
אבל זה לא מכסה לי את כל הריבוע שקבעתי אלא רק את הטקסט עצמו .

קבעתי width של 50 PX לכל LI ...
ואני רוצה שכל ה 50PX יצבעו.

לשירותכם,
מסנג'ר muler@mulers.net

תעלה בבקשה את קובץ ה-HTML לשרת של פרש (עם ה-CSS משולב בתוכו, כמובן).

פשוט נתתי גם ל HOVER מאפיין WIDTH

לשירותכם,
מסנג'ר muler@mulers.net

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

מה שאני עושה לא עובד
אז עדיף ללמוד ממישהו אחר שילמד אותי .

אני בעקרון צריך רשימה של לינקים
כשלכל לינק יש רוחב של 50PX .. וצבע רקע מסויים ..
וכשעוברים עליו יש צבע רקע שונה .

לשירותכם,
מסנג'ר muler@mulers.net

באמת שאני לא מבין מה הבעיה...

קוד:

// Style
<style>
ul li
{
display: inline;
width: 50px;
}
ul li:hover
{
background-color: yellow;
}
</style>

// HTML
<ul>
<li>
<a href="http://mail.google.com/">link 1!</a>
</li>
<li>
<a href="http://docs.google.com/">link 2!</a>
</li>
</ul>

משום מה עובד לי רק ה ..HOVER ..
אם אני רוצה לשים מאפיין אחר של link או visited
זה לא עובד.

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

ניסיתי באותה מתכונת ul li:link
זה פשוט לא מקבל
כנראה טעות שלי ברישום
או שפשוט יש שיטה אחרת

לשירותכם,
מסנג'ר muler@mulers.net

visited ו-link מיועדים לתגי a בלבד...

זה רק שימוש ב JS .. עם Onmouseover וכדו ..?

לשירותכם,
מסנג'ר muler@mulers.net

מה רע לך ב-CSS? :-|

כמו שיש את ה
LINK
VISITED

אז לעושת לכל מצב CSS..
ואז פשוט עם JS להחליף

לשירותכם,
מסנג'ר muler@mulers.net

אבל ממילא יהיה לך קישור בתוך כל li, אז למה שלא תחיל את ה-visited על תגי ה-a?