כיצד להכין תפריט אופקי

הוראות

שלב 1

עבור אל ניהול סגנונות ואז לחץ על כפתור סגנון חדש. תן את השם Selector ul li לסגנון החדש שיצרת זה עתה. זכרו גם לוודא כי יש להגדיר את הסגנון החדש בקובץ הנפתח. Css.

שלב 2

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

שלב 3

ליישור אופקי עבור אל פריסה והגדר את תכונת התצוגה למוטבע. הגדר את תכונת ה- float לשמאל. לחץ על הלחצן החל. יש להגדיר את כל פריטי הרשימה בשורה אחת. על מנת שלא יחפפו זה את זה, עליך לבצע את הפעולות הבאות: להגדיר את ערך המיקום של תכונת רוחב ל- 150 פיקסלים. עכשיו תבדוק את זה. כל האלמנטים ברשימה צריכים להיות באותו גודל.

שלב 4

כעת עלינו לנסות להסיר את הנקודות מול פריטי הרשימה. לשם כך, עבור לרשימה והגדר את המאפיין סגנון הרשימה –סוג לאף.

שלב 5

לחץ על אישור כדי לקבל את כל השינויים.

שלב 6

כדי להתאים את גודל הגופן לסגנון ul li, עליך לבצע את הפעולות הבאות. ב Manage Styles, לחץ לחיצה ימנית על סגנון ul li שאתה צריך כדי לבחור Modify Style. תיבת הדו-שיח המוכרת להוספה או לשינוי תכונות תיפתח. עבור לקטגוריית הגופנים והגדר את מאפיין הגופן-משפחה ל- Arial, Helvetica, sans-serif. לאחר מכן, עבור לתכונה בגודל הגופן והגדר אותה ל- 0.9em. לאחר מכן, הגדר את התכונה טרנספורמציית טקסט, הגדר את הערך לגדול.

שלב 7

ניתן לכוונן את גובה הפריטים בתפריט שנוצר בקטגוריית המיקום. הגדר את תכונת הגובה ל- 30 פיקסלים.

שלב 8

לאחר מכן, עליך לשמור את קובץ menu.html. לשם כך, Expression Web יפתח את החלון הנדרש שמור קבצים משובצים לשמירת הקובץ. שמור בקובץ הנפתח. Css. לחץ על אישור כדי לשמור.

שלב 9

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