איך עושים תפריט רוחבי עם תמונות ב CSS ?

[תאו]

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

 

[גזעי]

את\ה רוצה להוסיף את התמונות עם CSS? או שכבר יש את התמונות ואת\ה רק רוצה תפריט לרוחב,
בשביל תפריט לרוחב צריך להשתמש בflexbox!
ולהשתמש בflex-direction על המעטפת.

 

[תאו]

את\ה רוצה להוסיף את התמונות עם CSS?

כן לכל קטגוריה לשים תמונה

בשביל תפריט לרוחב צריך להשתמש בflexbox!
ולהשתמש בflex-direction על המעטפת.

זה בהגדרה של כל התפריט או רק במה שיש תת תפריט ?

 

[גזעי]

כן לכל קטגוריה לשים תמונה

זה בהגדרה של כל התפריט או רק במה שיש תת תפריט ?

לשים תמונה זה:

background: url('<path>');

ולגבי הFLEXBOX, זה בהגדרה של הדף כולו, צריך שהתוכן יהיה בצד אחד, והתפריט בצד שני (אם הבנתי נכון את הצורך).

 

[תאו]

לא

ולגבי הFLEXBOX, זה בהגדרה של הדף כולו, צריך שהתוכן יהיה בצד אחד, והתפריט בצד שני (אם הבנתי נכון את הצורך).

לא ,
צריך שהתפריט יפתח אחד ליד השני ולא אחד מתחת השני

לדוג (קטגורית משנה תראה) : 1 2 3 4 5 6

ולא :
1
2
3
4
5
6

 

[גזעי]

לא

לא ,
צריך שהתפריט יפתח אחד ליד השני ולא אחד מתחת השני

לדוג (קטגורית משנה תראה) : 1 2 3 4 5 6

ולא :
1
2
3
4
5
6

זה נשמע או כמו flexbox, או כמו display: inline,
אבל בכל מקרה עדיף להשתמש בflexbox, יותר רספונסיבי.
בשביל איך לממש flexbox עיין\ני בגוגל.

 

[תאו]

background: url('<path>');

איך ממקמת את התמונה מעל הכיתוב? כרגע זה פותח לי את זה כרגע לכיתוב

 

[תאו]

מצוב תמונה להמחשה -
איך אפשר שנתמונה תעמוד מעל הכיתוב או לצידו ולא מתחתיו ,
תודה מראש לכל העוזרים