הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - עזרה עם תג il.. (https://hosts.co.il/forums/showthread.php?t=68199)

Zvaim.co.il

12-10-08 19:31

עזרה עם תג il..

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

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

HTML קוד:

              <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;

}

עידנסמית

12-10-08 19:46

HTML קוד:

                <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

12-10-08 20:01

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

SniR-S

12-10-08 20:27

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

ציטוט:

DvirCohen

12-10-08 22:07

תעשה ככה

קוד:

.menu li {

         background:url("images/button.gif");

         height:31px;

         width:120px;

         margin-top: 7px;

}

HTML קוד:

<div class="menu">

   <ul>

      <li>button</li>

      <li>button</li>

      <li>button</li>

   </ul>

</div>

Zvaim.co.il

12-10-08 22:23

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

SniR-S

13-10-08 08:33

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

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

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

Elad-A

13-10-08 10:22

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

קוד:

ol,ul,li {

        list-style:none;

        list-style-type:none;

}

עידנסמית

13-10-08 19:14

ציטוט:

נכתב במקור על ידי Elad-A (פרסם 672864)

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

קוד:

ol,ul,li {

        list-style:none;

        list-style-type:none;

}

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

קוד:

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

כל הזמנים הם GMT +2. הזמן כעת הוא 07:24.