עזרה עם תג il..

[Zvaim.co.il]

שלום לכולם,
יש לי שאלה קטנה.

נגיד יש לי עיצוב שצריך לקודד והכפתורים אמורים להיות אחד מתחת לשני.
איך אני עושה? כך?

              <ul>
                                      <li><div class="menu">&nbsp;</li>
                                      <li><div class="menu">&nbsp;</li>
                                      <li><div class="menu">&nbsp;</li>

             </ul>

.menu {
	 background:url("images/button.gif");
	 height:31px;
	 width:120px;
	 margin-top: 7px;
}

[עידנסמית]

		<div class="menu">
			<ul>
				<li><a href="#">link</a></li>
				<li><a href="#">link</a></li>
				<li><a href="#">link</a></li>
				<li><a href="#">link</a></li>
			</ul>
		</div>

[Zvaim.co.il]

תודה רבה עידן, אבל מה עשית פה?
זה הציג רק כפתור אחד כתמונה.. וזה אמור להציג כמה :|

[SniR-S]

חכם בלילה, כשפותחים div צריך לדעת מתי לסגור גם.

<ul>
<li><div class="menu">&nbsp;</div></li>
<li><div class="menu">&nbsp;</div></li>
<li><div class="menu">&nbsp;</div></li>

</ul>

[DvirCohen]

תעשה ככה

.menu li {
	 background:url("images/button.gif");
	 height:31px;
	 width:120px;
	 margin-top: 7px;
}

<div class="menu">
   <ul>
      <li>button</li>
      <li>button</li>
      <li>button</li>
   </ul>
</div>

[Zvaim.co.il]

עשיתי דביר, הכל טוב ויפה, אבל ליד הכפתורים יש את העיגולים הקטנים האלו (השחורים) של התג li.. איך אני מוציא אותם?

[SniR-S]

אם אתה לא רוצה את העיגולים, אז למה אתה מכניס אותם ב li בכלל?

אם תסביר מה אתה רוצה לעשות אולי נוכל לעזור לך יותר לעומק.
אם אתה לא רוצה את העיגולים תוציאו אותם מה ul ו li ...
או שאתה רוצה לשנות אותם לעיגולים ריקים/ריבועים/מספרים/אותיות ממוספרות וכ'ו..

ואדון כפיר, אני מציע שתשמור את הערות שלך לעצמך.
כי מעניין אותי לדעת מה אתה יודע בכלל על קידוד, ובכלל על אתרים.
כל אחד מה שהוא יודע, ועם רצון טוב - אפשר ללמוד הכל !

[Elad-A]

אתה יכול לאפס את ההגדרות של הרשימה:

ol,ul,li {
	list-style:none;
	list-style-type:none;
}

[עידנסמית]

נכתב במקור על ידי Elad-A

אתה יכול לאפס את ההגדרות של הרשימה:

ol,ul,li {
	list-style:none;
	list-style-type:none;
}

זאת הגדרה מעולה, אבל עם הזמן אתה לומד שעורכי WYSIWYG לא אוהבים את הגדרת הCSS הזאת, אז אני משתמש ב:

.nolist {list-style-type:none;}