מצורף קובץ(אחד זה ה css ושני html)

סה"כ אני רוצה תפריט פשוט בצד שמאל טקסט גדול ומחליף צבע שעוברים עליו עם העכבר

עד כאן הכל עובד אבל אני לא מצליח לעשות רווח של 3ממ(בערך)בין הלינקים(שהם בצורה של רשימה)+להצמיד לצד שמאל

זה מאוד פשוט למי שיודע css, אני לא מוצא את הבעיה

תודה על העזרה!

[attachment deleted by admin]

כמה דברים:

1. אין כזה דבר text-align - תעיף את ההגדרה.

2. נתת גודל פונט של 36PX וגובה אלמנט של 30PX... זה בכוונה? אתה לא רוצה שיראו את כל הטקסט? ונתת line-height אפילו נמוך יותר.

3. אתה לא יכול לשים אלמנט p בתוך ul. הוא אמור להכיל רק אלמנטים מסוג li (פריטי רשימה).

4. מומלץ להתחיל בהגדרה מאד פשוטה-

*
{
padding: 0;
margin: 0;
}

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

הנה ה-CSS המתוקן שעובד

*
{
	margin: 0;
	padding: 0;
}
#leftpan {

	width: 300px;
}

#leftpan  ul {



}
#leftpan  ul  a {
	display:block;
	color:#CCCCCC;
	font-weight:bolder;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	font-style: normal;
	width: 220px;
	margin-bottom: 5px;
}
#leftpan  ul  a:hover {
	color:#7F0A5F;
	text-decoration:none;
}

תודה!

כן מרוב התעסקות עשיתי הגדרות לא הגיוניות...

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

תשנה את הערך של margin-bottom לכמה שמתאים לך. אפשר גם ערכים שליליים.

פשוט תשחק עם זה.

עובד מעולה!

מכיר מדריכים טובים ברשת ללימוד css מהבסיס?אני צריך לחזור על הכול...

http://htmldog.com/ זה אתר טוב.

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