Zaloguj | Zarejestruj | FAQ
Anonymous

كيف أربط بين الdiv وخواص ال a:hover

+ Odpowiedz

Posty: 5 Strona 1 z 1


كيف أربط بين الdiv وخواص ال a:hover

przez mohammad » Cz lut 07, 2013 9:46 pm

السلام عليكم ورحمة الله وبركاته
أريد أن أربط بين صندوق div بخاصية a:hover بحيث
أنه إذا مر المؤشر فوق الصندوق يؤدي ذلك إلى تغيير معين في الصندوق
مثلا تغيير لون خلفية الصندوق إن لم تفهم المشكلة سأوضحهابالكود التالي


<html>
<style>
a:hover{background-color:red;}
</style>
<body>
<a href="1.html">
<div style="background-color:blue;width:300px;">
AAAAAAAAAAAAAAAAAAA<BR>
AAAAAAAAAAAAAAAAAAAAAA<BR>
AAAAAAAAAAAAAAAAAAA<BR>
</div>
</a>
</body>
</html>


حاولت أن أربط بينهما كأن أكتب a:hover.div أو div:hover أو أو
ولكنها كلها لم تنجح معي أرجو المساعدة وشكرا
Avatar użytkownika

mohammad

  • Posty: 2
  • Dołączył(a): Cz lut 07, 2013 9:36 pm

Re: كيف أربط بين الdiv وخواص ال a:hover

przez XainPro » Pt lut 08, 2013 10:50 am

Kod: Zaznacz cały
<html>
<style>
#change{background-color:blue;width:300px;color:white;}
#change:hover{background-color:red;}
</style>
<body>
<a href="1.html">
<div  id="change">
AAAAAAAAAAAAAAAAAAA<BR>
AAAAAAAAAAAAAAAAAAAAAA<BR>
AAAAAAAAAAAAAAAAAAA<BR>
</div>
</a>
</body>
</html>


مرحبا بالأخ
محاولة قانون بلدي
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: كيف أربط بين الdiv وخواص ال a:hover

przez mohammad » Pt lut 08, 2013 3:24 pm

شكرا أخي على الرد السريع استخدام ال id حل المشكلة
بالتوفيق
Avatar użytkownika

mohammad

  • Posty: 2
  • Dołączył(a): Cz lut 07, 2013 9:36 pm

Re: كيف أربط بين الdiv وخواص ال a:hover

przez XainPro » So lut 09, 2013 12:06 pm

اهلا وسهلا بكم.
حظا سعيدا لمزيد من التطوير.
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: كيف أربط بين الdiv وخواص ال a:hover

przez مبتدئ » Pt mar 22, 2013 3:43 am

عذار اليست خاصية "a:hover" هي المسؤالة عن مثلا تأثير على النص بالبلوك !!
Avatar użytkownika

مبتدئ

  • Posty: 28
  • Dołączył(a): Śr mar 20, 2013 4:31 am
  • Lokalizacja: مصر


+ Odpowiedz

Strona 1 z 1