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

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

- - מירכוז בCSS (https://hosts.co.il/forums/showthread.php?t=95277)

מירכוז בCSS

שבוע טוב,

כיצד ניתן למרכז div שיש לו מאפיין float:right?

ניסיתי ללא הצלחה:

PHP קוד:


		
			
<div style="float:right;margin-right:auto;margin-left:auto;">Text</div>

תודה מראש..

תגדיר WIDTH (לדעתי)

ציטוט:

נכתב במקור על ידי HHaim (פרסם 834239)

תגדיר WIDTH (לדעתי)

width:auto
כברירת מחדל לא?

בכל אופן ניסיתי גם את זה ללא הצלחה:

PHP קוד:


		
			
<div style="width:100px;float:right;margin-right:auto;margin-left:auto;">Text</div>

אתה מעוניין למרכז אותו ביחס לאבא שלו או את התוכן שלו?

אם אתה מעוניין למרכז אותו אז כמובן שאתה לא יכול, בגלל שהגדרת לו float:right.
אם אתה מעוניין למרכז את התוכן, אז כרגיל עם text-align:center

ציטוט:

נכתב במקור על ידי IgalSt (פרסם 834247)

אתה מעוניין למרכז אותו ביחס לאבא שלו או את התוכן שלו?

כן..אין שום דרך לעשות את זה?

אני מנסה לעשות תפריט נפתח בסגנון הזה:

PHP קוד:


		
			
<div id="menu">
    <ul>
        <li><a href="#">תפריט</a>
            <ul>
                <li><a href="#">דף הבית</a></li>
                <li><a href="#">תת תפריט</a></li>
                <li><a href="#">דוגמא</a></li>
            </ul>
        </li>
    </ul>
</div>

הכרחי שכל הli יהיו על float:right ..

תנסה עם margin:0 auto; למרות שאני לא חושב שזה יעבוד, הגדרת float זה "דורס" את כל השאר.

שאתה מגדיר float אתה לא יכול למרכז אותו.
בCSS הוא פשוט זז כל הדרך לשמאל/ימין.
נסה לא להשתמש בfloat לתפריט שלך זה מן הסתם יפתור את הבעיה :)

אבל אם תכניס את כל הדיב(ים) שמוגדרים לתוך דיב מסויים עם רוחב וmargin 0px auto אני חושב שזה יעבוד, תנסה

ציטוט:

נכתב במקור על ידי trupix (פרסם 834248)

כן..אין שום דרך לעשות את זה?

אני מנסה לעשות תפריט נפתח בסגנון הזה:

PHP קוד:


		
			
<div id="menu">

    <ul>

        <li><a href="#">תפריט</a>

            <ul>

                <li><a href="#">דף הבית</a></li>

                <li><a href="#">תת תפריט</a></li>

                <li><a href="#">דוגמא</a></li>

            </ul>

        </li>

    </ul>

</div>

הכרחי שכל הli יהיו על float:right ..

אני מבין את מה שאתה מנסה לעשות.
אבל אתה בעצם סותר את עצמך כשאתה נותן float (הגדרת אלמנט כצף לצד כלשהו) ומנגד מעוניין ליישר אותו למרכז.

יש אפשרות לא להשתמש ב-float לפתריט מהסוג הזה.
את זה תוכל לעשות עם display:inline-block עם fallback ל-IE7 (במידת הצורך) ל- display:inline.
דוגמה תוכל לראות במימוש שלי לתפריט הימינה העליון ביותר (אפור) פה

הסתדרתי על משהו אחר..
תודה לכולם!