Anmelden | Registrieren | FAQ
Anonymous

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

+ Antwort erstellen

5 Beiträge Seite 1 von 1


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

von mohammad » Do Feb 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 أو أو
ولكنها كلها لم تنجح معي أرجو المساعدة وشكرا
Benutzeravatar

mohammad

  • Beiträge: 2
  • Registriert: Do Feb 07, 2013 9:36 pm

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

von XainPro » Fr Feb 08, 2013 10:50 am

Code: Alles auswählen
<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>


مرحبا بالأخ
محاولة قانون بلدي
Benutzeravatar

XainPro

  • Beiträge: 3933
  • Registriert: Fr Feb 17, 2012 8:10 pm

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

von mohammad » Fr Feb 08, 2013 3:24 pm

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

mohammad

  • Beiträge: 2
  • Registriert: Do Feb 07, 2013 9:36 pm

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

von XainPro » Sa Feb 09, 2013 12:06 pm

اهلا وسهلا بكم.
حظا سعيدا لمزيد من التطوير.
Benutzeravatar

XainPro

  • Beiträge: 3933
  • Registriert: Fr Feb 17, 2012 8:10 pm

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

von مبتدئ » Fr Mär 22, 2013 3:43 am

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

مبتدئ

  • Beiträge: 28
  • Registriert: Mi Mär 20, 2013 4:31 am
  • Wohnort: مصر


+ Antwort erstellen

Seite 1 von 1