با تشکر از زحمتی که کشیدید آقا حمید و راهنمایی که کردید
من از یه کد آماده CSS استفاده کردم
و کدی بود که tooltip رو برای لینکها به نمایش میگذاشت
به این شکل که برای لینکها یه تگ <span> باز میشه و توی اون تگ توضیحاتی قرار میگیره و با استفاده از css تگ span سبک دهی میشه
من هم به نظر رسید که این tootip رو به گونه ای موقعیت دهی کنم که بیاد توی اون کادر مشکی قرار بگیره و پس زمینه اش هم مشکی و نوشته ها هم سفید باشن به طوری که به نظر برسه اون کادر حاوی نوشته ها هستند
این هم کدهاش
code :
<ul>
<li><a href="#">Home<span>Toranj Gem | Home Page<br/>صفحه اصلی و معرفی نامه ی مختصر وبسایت جواهری ترنج
</span></a></li>
<li><a href="index.php">Persian<span>Toranj Gem | Persain Pages | You can find Gemology contents and images in this part of website<br/>بخش فارسی وبسایت جواهری ترنج | شما میتوانید در این بخش مطالب و تصاویر مربوط به علم جواهر شناسی را بازدید کنید
</span></a></li>
<li><a href="en/index.php">English<span>Here We have enaglish contents about gemology<br/>در این بخش مطالب انگلیسی و تصاویر مربوط به علم جواهرشناسی قرار دارند</span></a></li>
<li><a href="shop.html">Shop<span>Toranj Gem Online Shop in this part of webstie we have our products to sale in iran<br/>در این بخش میتوانید انواع گردنبند ، دستبند و دیگر کالاهای ساخته شده با سنگهای قیمتی و نیمه قیمتی را که برای فروش آماده کرده ایم مشاهده و در صورت نیاز خریداری نمایید</span></a></li>
</ul>
و این هم کد css :
code :
a span {
display: none;
}
a:hover {font-size: 100%;} /* IE/Win requires some link change on hover in order to show the tooltips */
html body a:hover span { /*the span will display just on :hover state*/
display: block !important;
position: absolute;
top: 100px;
left: 15px;
width: 280px;
background-color: #000;
color: #fff;
padding: 120px 10px 10px 10px;
font-family:tahoma;
font-size:11px;
line-height:1.5em;
text-align:center;
}
توی مرورگرهای opera و firefox همه چی خوب و مرتبه ولی این ie6 که خدایی توی طراحی هر کاری باید کلی باید باهاش کلنجار رفت گیر میده و مشکل دارم و اصلا پنجره tooltip رو نشون نمیده
درصورتی که توی کد آماده ای که دریافت کردم بهترین حالت توی مرورگر ie6 نمایش داده میشه !
ممکنه راهنماییم کنین ؟
یا اگر که لازمه بگین فایلهای html و css رو هم در اختیارتون بذارم؟
