24-05-2012, 07:22
|
|
|
חבר מתאריך: 02.12.05
הודעות: 131
|
|
כפתור תפריט משתנה בעת מעבר על הלחצן?
בס"ד
היי,
יש לי תפריט (DIV בעל תמונת רקע, שעליו פרוסים מספר קישורים) אני מעוניין שכאשר יעבור המשתמש על אחד מהקישורים, יופיע תחתיו מן כפתור כזה.
ביצעתי את זה בצורה הבאה:
קוד:
<div class="Menu">
<div class="Menu_List">
<ul>
<li><a href="#">דף הבית</a></li>
<li><a href="#">דף הבית</a></li>
<li><a href="#">דף הבית</a></li>
<li><a href="#">דף הבית</a></li>
</ul>
</div>
</div>
קוד:
.Menu_List a:link, a:active, a:visited {
text-decoration: none;
color: #FFF;
font-family: Arial;
font-size: 11pt;
font-weight: bold; }
.Menu_List a:hover {
background: url(images/menu_over.png) top;
width: 93px;
height: 38px;
text-align:center;
display:block;
}
אך הטקסט נמצא בראש הכפתור וזה לא מוצג בצורה טובה, איך אני מורה לכפתור להתמקם קצת יותר למעלה?
|