سلام خدمت اساتید محترم،
من یک سایت آهنگ پیشواز میخوام بزنم
توی قسمت شورت استوری تگ html5 صدا رو قراردادم و توی فول استوری هم هست
حالا وقتی سایت لود میشه توی قسمتهایی که قالب شورت استوری لود میشه دچار بهم ریختگی میشه
حتی اگه یکی از مطالب رو سرچ کنی و فقط یک مطلب هم قرار باشه لود بشه باز بهم ریختگی هست.
ممنون میشم راهنمایی کنید چطور مشکلم رو حل کنم
سورس شورت استوری
<div class="news-item"> <div class="news-item-img"> [full-link]<img src="{image-1}" alt="{title}" />[/full-link] </div> <div class="news-item-content"> <a href="{category-url}" title="{category}"><img align="left" src="{category-icon}" alt="{category}" /></a> <h2>[full-link]{title}[/full-link]</h2> <div class="news-item-content-date" align="center"> <table border="0"> <tr> <td style="font-size:12px"> تاریخ: {date} </td> <td style="font-size:14px; color:#000"> | </td> <td style="font-size:12px"> بازدید: {views} </td> <td style="font-size:14px; color:#000"> | </td> <td style="font-size:12px"> {rating} </td> </tr> </table> </div> <div class="news-item-text"> [xfnotgiven_code]{short-story}[/xfnotgiven_code] [xfgiven_code]<br /> آهنگ <span class="titrr">[xfvalue_name]</span> اثر <span class="titrr">[xfvalue_artist]</span> برای استفاده در اپراتور <span class="titrr">[xfvalue_operator]</span> [xfgiven_play]<br /><br /><audio><source src="[xfvalue_play]" ></audio>[/xfgiven_play] [/xfgiven_code] </div> </div> <div style="clear: both;"></div> </div> <div style="clear: both;height: 10px;"></div>
فول استوری
<div class="main-news"> <div class="main-news-icon" style="font-size:3px"><br /> {favorites}[edit]<img src="{THEME}/images/edit.jpg" alt="ویرایش کنید" />[/edit] </div> <h1 align="right" style="font-family:tahoma"> <strong style="font-family:BTitr;">{title}</strong> </h1> <div class="main-news-description"> <div class="main-news-img"> <img src="http://qr.kaywa.com/?s=8&d=[xfvalue_artist] - [xfvalue_name]%0A{full-link}" alt="{title}" height="210"/> </div> <div class="main-news-rating"> <table border="0"><tr> <td align="left" width="100">{rating}</td><td width="70" align="right">| {vote-num}</td> </tr> </table> </div> <div class="main-news-dop-polya"> <div style="clear: both;"></div> [xfgiven_code] <table width="380" height="160" border="0" background="{THEME}/images/info.png"> <tr> <td width="380" > <table width="380" border="0"> <tr> <td width="80" height="20">نام اثر:</td> <td width="300" align="right">[xfvalue_name]</td> </tr> <tr> <td height="20">خواننده:</td> <td align="right">[xfvalue_artist]</td> </tr> <tr> <td height="20">کد:</td> <td align="right">[xfvalue_code]</td> </tr> <tr> <td height="20">اپراتور:</td> <td align="right">[xfvalue_operator]</td> </tr> <tr> <td height="20">اعتبار/قیمت:</td> <td align="right">[xfvalue_time] روز / [xfvalue_price] ریال</td> </tr> <tr> <td height="20">پخش آنلاین:</td> <td align="right">[xfnotgiven_play]ندارد[/xfnotgiven_play]</td> </tr> </table> </td> </tr> <tr> <td align="center">[xfgiven_play]<audio controls width="320"><source src="[xfvalue_play]" ></audio>[/xfgiven_play]</td> </tr> </table> [/xfgiven_code] <div style="clear: both;"></div> </div> </div> <div class="main-news-text" style="text-align:right"> <div align="center" style="display:none"></div> <div align="center"> <img border="0" style="border: 7px solid rgb(255, 255, 255); box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.5), 0px 1px 4px rgba(0, 0, 0, 0.3); border-radius: 7px 7px 7px 7px; float: none; margin: 0px;" alt="{title}" src="{image-1}" /></div><br> {full-story} <div style="clear: both;"></div> {poll}{pages} <div style="clear: both;height: 15px;"></div> [related-news] <div class="related-news" style="text-align:right; display:none"> <span><strong>مطالب مرتبط!</strong></span> <ul>{related-news}</ul> </div> [/related-news] <div class="main-news-other"> <img src="{THEME}/images/ssp.png"/><span><a href="javascript:history.go(-1)">بازگشت></a></span> <img src="{THEME}/images/user.png" alt="نویسنده" title="نویسنده" /><span>{author}</span> <img src="{THEME}/images/eye.png" alt="بازدید" title="بازدید" /><span>{views}</span> <img src="{THEME}/images/comment2.png" alt="نظرات" title="نظرات" /><span>{comments-num}</span> <img src="{THEME}/images/kontact-date.png" alt="تاریخ" title="تاریخ" /><span>[day-news]{date}[/day-news]</span> </div> </div> </div> {comments} <div class="hidden-comment"> <h3>اضافه کردن نظر جدید!</h3> <div class="hidden-comment-form"> {addcomments} </div> </div>
منظور از بهم ریختگی رو توی تصویر ببینید.