كيف يمكن إضافة كلام يظهر عند الوقوف على الصورة

تفضلى

الكود:

<table style="text-align: left; margin-left: auto; margin-right: auto;" dir="ltr" border="0" cellpadding="0" cellspacing="0"><tbody><tr><span class="gensmall"><span class="gensmall"><span class="gensmall"><span class="gensmall"></span></span></span></span><td class="row2" colspan="3" valign="middle" align="center" height="50"><span class="gensmall"><ul id="topMenu"><li class="" onmouseover="this.className = 'over';" onmouseout="this.className = '';"></li><li class="" onmouseover="this.className = 'over';" onmouseout="this.className = '';"><div style="text-align: center;"><img src="هنا رابط الصورة" alt=""></div><ul style="width: 200px; top: 10px; left: 20px;" -3px;="" 25px;="" 50%="" top:="" 26px;="" left:="" 10px;=""><li><table class="forumline" width="100%" border="0" cellpadding="0" cellspacing="1"><tbody><tr><td class="row1" onmouseover='this.className="row2"' onmouseout='this.className="row1"' width="100%">هنا النص المراد كتابتة<br></td></tr></tbody></table></li></ul></li></ul><table dir="ltr" border="0" cellpadding="0" cellspacing="0"><style>#topMenu{padding: 0;margin: 0;list-style: none;}#topMenu li{float: left;list-style:none;position: relative;}#topMenu li ul{display: none;position: absolute;left: 0;padding: 0;margin: 0;}#topMenu li:hover ul, #topMenu li.over ul{display: block;}</style></table></span></td></tr></tbody></table>

جزاكم الله خيراً أخى الفاضل لكن هذا الكود كبير جداً وسبب لى مشاكل

أنا أستخدم فقط هذا الكود للصورة التى أريد أن أضع كلام عند الوقوف بالماوس عليها

<a href="http://www.etr-alislam.com/t6048-topic"><img src="https://i.servimg.com/u/f61/12/61/25/01/eshraf11.png" /></a>

ولا أستخدم كل هذا الكود السابق

ففضلاً ضع لى كود فقط يضيف الكلام يدون هذا الكود الكبير الذى أرفقته لى

لازلت أنتظر الكود

لازلت أنتظر الكود

ReeF كتب:تفضلى

الكود:

[table style="text-align: left; margin-left: auto; margin-right: auto;" dir="ltr" border="0" cellpadding="0" cellspacing="0"][tr][td class="row2" colspan="3" align="center" height="50" valign="middle"]
[list]
[*]
[*][center][img]%D9%87%D9%86%D8%A7%20%D8%B1%D8%A7%D8%A8%D8%B7%20%D8%A7%D9%84%D8%B5%D9%88%D8%B1%D8%A9[/img][/center]
[list]
[*]<table class="forumline" border="0" cellpadding="0" cellspacing="1" width="100%"><tr><td class="row1" onmouseover='this.className="row2"' onmouseout='this.className="row1"' width="100%">هنا النص المراد كتابتة
</td></tr></table>
[/list]
[/list]<table dir="ltr" border="0" cellpadding="0" cellspacing="0">#topMenu{padding: 0;margin: 0;list-style: none;}#topMenu li{float: left;list-style:none;position: relative;}#topMenu li ul{display: none;position: absolute;left: 0;padding: 0;margin: 0;}#topMenu li:hover ul, #topMenu li.over ul{display: block;}</table>[/td][/tr][/table]

اخى العزيز ما نوع الكود رجائا
HTML
ام انه
CSS
ام انه غير ذلك
واسف على التدخل فى موضوع مش موضوعى

بعد اذن مساعدنا

تفضلي اختي

الكود:


<a href="http://www.etr-alislam.com/t6048-topic"><img src="http://i61.servimg.com/u/f61/12/61/25/01/eshraf11.png" alt="ضعي هنا الوصف" /></a>

جزاكم الله خيراً على المساعدة
قمت بوضع الكود لكنه لم يظهر الكلام عند الوقوف على الصورة

الكود صحيح وانا متاكد منه
طيب جربة بالشكل التالي

الكود:

<a href="http://www.etr-alislam.com/t6048-topic"><img src="http://i61.servimg.com/u/f61/12/61/25/01/eshraf11.png" alt="ضع هنا ماتريد كوصف" title="ضع هنا ماتريد كوصف"></a>

تمام أخى هذا يعمل بشكل صحيح كما ذكرته

وكذا يعمل على هذا الوضع

<a href="http://www.etr-alislam.com/t6048-topic"><img src="https://i.servimg.com/u/f61/12/61/25/01/eshraf11.png" title="ضع هنا ماتريد كوصف"></a>

هل تقصدي عمل معك الكود الان ام لا

نعم عمل الحمد لله

عمل على الوضعية الأخيرة التى ذكرتها

وعمل كذلك على هذه الوضعية

<a href="http://www.etr-alislam.com/t6048-topic"><img
src="https://i.servimg.com/u/f61/12/61/25/01/eshraf11.png" title="ضع
هنا ماتريد كوصف"></a>