אהלן, יש לי תפריט להלן:

כעת, כפי שתראו, יש מרווח קטן בין התפריט (עוצב כמובן בידי margin).

אני מעונין שהרווח הזה יירד ובמקומו יהיה צבע כחול.

ניסיתי לשחק עם הmargin אך לא זאת הבעיה; הבעיה היא בתפריט עצמו. התפריט מעוצב עם ul,li כך שתמיד יהיה מרווח בין תיבה לתיבה.

במידה ואני אוציא את ה<li>, כל התפריט יתחרבש ויירד למטה ולא יהיה מסודר.

ניסיתי גם לעשות <span> אבל זה לא עבד.

במידה ותרצו קוד מלא של התפריט / קוד מלא של תפריט הHTML. תקבלו בשמחה.

תודה.

השאלה היא איך הצבת את הפריטים אחד ליד השני, ע"י float? או ע"י inline-block?

אתה צריך לאפס את ה margin ולהשתמש ב border על מנת להוסיף צבע אחיד בגבולות התיבות.

דוגמא:

ul {
display: block;
list-style: none;
padding: 0;
margin: 0;
}
ul li {
float: right;
padding: 0;
margin: 0;
border: 1px solid blue;
}
ul li a {
display: block;
padding: 4px 6px;
}