ورود

نسخه کامل مشاهده نسخه کامل : تغییر عکس هنگام mouseover



black.assassin
20-07-2013, 19:05
سلام به همه دوستای گلم
دوستان من این تکه کد رو از جایی پیدا کردم :
کارش رو هم تو عنوان تاپیک نوشتم.
<style type="text/css">
.test
{
background-image: url('?');
display: block;
width: 40px;
height: 40px;
}
.test:hover
{
background-image: url('?');
}
</style>

مشکل من اینجاست که وقتی می خوام چند لینک در یک خط هم از این کلاس استفاده کنند نمیشه و لینک بعدی تو سطر پایین قرار می گیره. راهکارش چیه ؟ ممنون

black.assassin
21-07-2013, 15:18
مشکل حل شد.
به جای block از inline-block استفاده کردم.

MicrosoftH
23-07-2013, 10:04
در Block تمامی فضای کناری اشغال میشه و Line break میخوره درسته ولی در inline فقط به اندازه فضای محتوی کناری اشغال میشه

black.assassin
23-07-2013, 16:59
در Block تمامی فضای کناری اشغال میشه و Line break میخوره درسته ولی در inline فقط به اندازه فضای محتوی کناری اشغال میشه

خیلی ممنون. اتفاقا من این دو صفت رو یاد داشتم و هیچ کدوم نتیجه درست نداشتن. ولی نمی دونستم ترکیب این دو هم وجود داره. css خیلی شیرینه . کم کم داره ازش خوشم میاد