ورود

View Full Version : سوال: حذف underline از تصاویر



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;
}

ولی مشکل اینجاست که کدهای دوم رو به همه اعمال میکنه!!!

hesamy2004
سه شنبه 30 فروردین 1390, 15:19 عصر
خدا رو شکر مشکل حل شد. برای رفرنس راه حل رو اینجا میزارم.



a:link, a:visited{
text-align: right;
text-decoration:none;
color: #ccb771;
}

a:hover, a:active{
color: #333300;
padding-bottom: 0.25em;
}

img{
border: 0;
}

a.txt:hover, a.txt:active {
border-bottom: 2px solid #333300;
}

ateryad
چهارشنبه 31 فروردین 1390, 07:44 صبح
سلام دوست عزیز
میتونی برای هر تگ عکس هم این کد رو بنویسی

border="none"

یا


border="0"
البته با CSS راحت تر هست چون به همه لینکهای عکس اعمال میشه.

www.ateryad.gigfa.com