پرش به


تصویر

بهم ریختن سایت موقع استفاده تگ <audio>

تگ صدا

  • لطفا وارد حساب کاربری خود شوید تا بتوانید پاسخ دهید
3 پاسخ برای این موضوع

#1 kaboue

kaboue

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 34 ارسال

ارسالی 1394/09/22 ساعت 02:30

سلام خدمت اساتید محترم،

 

من یک سایت آهنگ پیشواز میخوام بزنم

توی قسمت شورت استوری تگ 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">&nbsp; | &nbsp;</td>
      <td style="font-size:12px"> بازدید: {views} </td>
      <td style="font-size:14px; color:#000">&nbsp; | &nbsp;</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 />&nbsp;&nbsp;&nbsp;
		{favorites}[edit]<img src="{THEME}/images/edit.jpg" alt="ویرایش کنید" />[/edit]&nbsp;
	</div>
	<h1 align="right" style="font-family:tahoma">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <strong style="font-family:BTitr;">{title}</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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">|&nbsp;&nbsp;{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>

منظور از بهم ریختگی رو توی تصویر ببینید.


  • 0

#2 kaboue

kaboue

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 34 ارسال

ارسالی 1394/09/22 ساعت 02:31

منظورم این تگه

<audio><source src="[xfvalue_play]" ></audio>


  • 0

#3 Eh3an

Eh3an

    مدیر بخش ماژول ها

  • مدیر
  • 1,742 ارسال
  • محل سکونت: ایران - اردبیل
  • مهارت ها: HTML, CSS, js, SQL, PHP, SEO

ارسالی 1394/09/22 ساعت 08:55

منظورم این تگه
<audio><source src="[xfvalue_play]" ></audio>


سلام
یه overflow-x:hidden; بزار تو css اوکی میشه
  • 2

#4 kaboue

kaboue

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 34 ارسال

ارسالی 1394/09/23 ساعت 00:46

سلام
یه overflow-x:hidden; بزار تو css اوکی میشه

 

 

خیلی ممنون

دیشب رفتم قفل کردم بهش تا اوکی شد و دقیقا هم به پاسخ شما رسیدم

 

بهر حال تشکر از پاسختون


  • 1


0 کاربر در حال خواندن این موضوع است

0 کاربر، 0 مهمان و 0 عضو مخفی