hesamy2004
سه شنبه 30 فروردین 1390, 13:38 عصر
من تو کد CSS برای لینکها یه سری خصوصیات تعریف کردم از جمله اینکه اگر موس روی لینک بره رنگش تغییر کنه و underline بگیره.
حالا مشکل اینجاست که وقتی یه تصویر (که لینکه) تو صفحم میزارم، وقتی موس روش قرار میگیره یه underline هم به زیرش اضافه میشه.
چطور میتونم فقط قاعده بالا رو به لینکهای تکست اعمال کنم و برای لینکهای تصویری اعمال نشه؟
این کدها رو برای لینکها در حالت کلی نوشتم:
a:link, a:visited{
text-align: right;
text-decoration:none;
color: #ccb771;
}
a:hover, a:active{
color: #333300;
border-bottom: 2px solid #333300;
padding-bottom: 0.25em;
}
اینم برای لینکهای تصویری:
.bodyimage a:link, a:visited, a:hover, a:active{
border: none;
padding-bottom: 0px;
}
ولی مشکل اینجاست که کدهای دوم رو به همه اعمال میکنه!!!
حالا مشکل اینجاست که وقتی یه تصویر (که لینکه) تو صفحم میزارم، وقتی موس روش قرار میگیره یه underline هم به زیرش اضافه میشه.
چطور میتونم فقط قاعده بالا رو به لینکهای تکست اعمال کنم و برای لینکهای تصویری اعمال نشه؟
این کدها رو برای لینکها در حالت کلی نوشتم:
a:link, a:visited{
text-align: right;
text-decoration:none;
color: #ccb771;
}
a:hover, a:active{
color: #333300;
border-bottom: 2px solid #333300;
padding-bottom: 0.25em;
}
اینم برای لینکهای تصویری:
.bodyimage a:link, a:visited, a:hover, a:active{
border: none;
padding-bottom: 0px;
}
ولی مشکل اینجاست که کدهای دوم رو به همه اعمال میکنه!!!