سلام خدمت اساتید محترم،
من یک سایت آهنگ پیشواز میخوام بزنم
توی قسمت شورت استوری تگ 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>
منظور از بهم ریختگی رو توی تصویر ببینید.
