sallamatii
دوشنبه 12 آبان 1393, 14:43 عصر
با تشکر از شما
به جای تیبل باید از چی استفاده کنم
برای این کد به جای تیبل چی باید در html و css بنویسیم؟
برای این سایته
http://mehman.noor-almahdi.ir
<table style="width: 90%; border-collapse: collapse;" cellspacing="5" cellpadding="1"><tbody><tr><td style="width: 1%;"> <p align="center"> </p><font-family:b yekan; times, serif"">
</td><td style="width: 1%;"> <div class='logoen'></div></a><div class='logo'><ul><li> <a href="" onclick="window.open('http://paint.noor-almahdi.ir','','resizable=1,scrollbars=1,width=136 6,height=768,top=0,left=0');return false;"><div class='icon'><img src='/img/paint.png'/> </div></a><div class='icontext'>نقاشی</div></li><li>
</td><td style="width: 14%;"> <div class='logoen'></div></a><div class='logo'><ul><li> <a href="#" onclick="window.open('http://gallery.noor-almahdi.ir','','resizable=1,scrollbars=1,width=136 6,height=690,top=0,left=0');return false;"><div class='icon'><img border=0 src="/img/galleri.png"></div></a><div class='icontext'>گالری عکس</div></li><li>
</td><td style="width: 14%;"> <div class='logoen'></div></a><div class='logo'><ul><li> <a class="iframe" href="http://items.noor-almahdi.ir"><div class='icon'><img src='/img/aghlam.png'/> </div></a><div class='icontext'>اقلام مورد نیاز</div></li><li>
</td><td style="width: 14%;"> <div class='logoen'></div></a><div class='logo'><ul><li> <a class="iframe" href="http://account.noor-almahdi.ir"><div class='icon'><img src='/img/hesab.png'/> </div></a><div class='icontext'>شماره حساب</div></li><li>
</td><td style="width: 14%;"> <div class='logoen'></div></a><div class='logo'><ul><li> <a class="iframe" href="http://about.noor-almahdi.ir"><div class='icon'><img src='/img/note.png'/> </div></a><div class='icontext'>درباره ما</div></li><li>
</td><td style="width: 14%;"> <div class='logoen'></div></a><div class='logo'><ul><li> <a class="iframe" href="http://address.noor-almahdi.ir"><div class='icon'><img src='/img/phone1.png'/> </div></a><div class='icontext'>شماره تماس</div></li><li>
</td><td style="width: 14%;"> <div class='logoen'></div></a><div class='logo'><ul><li> <a class="contact" href="http://contact.noor-almahdi.ir/contact.php"><div class='icon'><img src='/img/email.png'/> </div></a><div class='icontext'>ارسال پیام</div></li><li>
</td><td style="width: 14%;"> <div class='logoen'></div></a><div class='logo'><ul><li> <a href='http://noor-almahdi.ir'><div class='icon'><img src='/img/Home.png'/> </div></a><div class='icontext'>خانه</div></li><li>
</td><td style="width: 1%;"> <p align="center"> </p></FONT> </td></tr></tbody></table></br>
<table style="height: 10px;><tbody><tr><td style="width: 1%;"> </td></tr></tbody></table>
با به جای همین کد پایین چی باید در html و css بنویسم
<table> <div style="position: absolute; top: 25%; right:29%;display:inline-block;"> <div> <a class="contact" href="http://contact.MrAzimzadeh.ir/contact.php"><span class="tooltip center rosewood"><center><font color="#DAA520">تماس با ما</font></center></span><button class="rss"></button></a> </div> </div></table>
باسلام
به شما پیشنهاد میکنم که قالب خودتون را تصحیح کنید چون به دلایلی که ثابت شده دیگه از table برای مکانبندی قالب ها استفاده نمیشه این روش در ایندکس مطالبتون هم تاثیرمنفی میذاره.اما درمورد اون عکس بهتره این استایل ها را در فایل Css خودتون قرار بدید تاثیرمناسبتری داره.درضمن درمورد مشکلتون هم باید در فایل Css خودتون این کد را تا تغییر قرار بدید.بجای name-div اسم div خودتون را وارد کنید.
name-div image:hover{border:0;}
name-div image{border:0;}