مشکل با توقف حرکت

[mani2000]

سلام من از تگ مارکیو استفاده کردم
میخوام موس روی نوشته ها رفت حرکت متوقف شه چکار کنم
ممنون

[anvar]

http://www.quackit.com/html/codes/stop_marquee.cfm


http://www.plus2net.com/html_tutorial/html_marquee-mouseover.php

[mani2000]

ممنون دوست گلم فقط یه سوال دیگه ممنون میشم اینو هم بگید
من از یه پنل بوت استرپ با این کدها
<ul class="nav nav-tabs" role="tablist">

<li style="background-color:gold;direction=rtl;border: 1px solid #666;" role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
<li style="background-color:gold;direction=rtl;border: 1px solid #666;" role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
<li style="background-color:gold;direction=rtl;border: 1px solid #666;" role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
<li style="background-color:gold;direction=rtl;border: 1px solid #666;" role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>


<!-- Tab panes -->
<div style="direction=rtl" class="tab-content">
<div style="border: 1px solid #666;;height:150px;word-break:break-all" role="tabpanel" class="tab-pane active" id="home">hfhdutiutihghghghghg
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq</p>
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq44444444444444444444hhhhhhhhhhhhhhhhhhhh</p>
</div>
<div style="background:#671902;color:yellow;height:150px;word-break:break-all" role="tabpanel" class="tab-pane" id="profile">ghghghghghg
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq</p>
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq</p>
</div>
<div style="background:#671902;color:yellow;height:150px;word-break:break-all" role="tabpanel" class="tab-pane fade " id="messages">fgfgfgfgf
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq</p>
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq</p>
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq7777777777777777dddddddddddddddddddddddddddddddd d</p>
</div>
<div style="background:#671902;color:yellow;height:150px;word-break:break-all" role="tabpanel" class="tab-pane" id="settings">kjkjkjkj
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq</p>
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq</p>
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq</p>
</div>
</div>



استفاده کردم میخوام وقتی سایز صفحه کوچیک میشه یا مطلب پنل زیاد شه اسکرول بخوره این چطوریه؟
مرسی

[anvar]

جستجو رو برای همچنین مواقعی درست کردن

- اموزش کار با تب ها

http://www.w3schools.com/bootstrap/bootstrap_tabs_pills.asp

مثال از اون چیزی که شما می خواهید - به نحوه استفاده از کلاس ها دقت کن (از قسمت انتهایی لینک بالا هم م یتونی اجراش کنی)

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_tabs_dynamic&stacked=h

این هم یه مثال دیگه

https://codepen.io/wizly/pen/BlKxo/

اینجا هم مخزن کامله

http://bootsnipp.com/tags/tabs

[mani2000]

ممنون
همه رو امتحان کردم اما هیچ کدوم بدنه تب در نمایش کوچیک صفحه اسکرول نخورد که ؟؟:اشتباه:

[anvar]

امان از دست شما! آزمون و خطاء هیچ هزینه ای نداره

هر چیزی در وب که محتویاتش از ارتفاع باکس ظرف, بیشتر بشه با تنظیم کردن overflow به auto بصورت خودکار scroll می خوره
شما با ست کردن max-height به یک مقدار ثابت مثلا 300 پیکسل می تونی این کار رو انجام بدی ()- اگر متن شما ارتفاعش از 300 پیکسل رد شد خودکار scroll می خوره
برای سایزهای کوچک می تونی از @media استفاده بکنی
مثلا
@media screen and (max-width: 450px)

حالا CSS شما فقط در اسکرین های با عرض حداکثر تا 450 پیکسل اعمال میشه

برای اطلاعات بیشتر در مورد قاعده media لینک زیر رو ببین
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

[mani2000]

سلام
واقعا ممنون
اما
من هر جایی از این کد که بگید این دوتا رو با هم و جدا نوشتم
overflow:auto; , max-height:300px
اما انگار نه انگار اسکرول بی اسکرول
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-8" >
<div class="main" >
<div class="panel panel-info bodypanel1" style="border:1px none #f6d2e0">
<div style="background-color: #F0F781" class="panel-heading headerpanel">
رویدادها
</div>
<div class="panel-body" style="background:#f6d2e0;font-size:14px">


<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist" style="background:#f6d2e0">
<li style="background-color:gold;direction=rtl;font-size:11px" role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">عمومی</a></li>
<li style="background-color:gold;direction=rtl;font-size:11px" role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">سلامت</a></li>
<li style="background-color:gold;direction=rtl;font-size:11px" role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">پزشکان</a>

</ul>
<!-- Tab panes -->
<div style="direction=rtl" class="tab-content">
<div style="background:#f6d2e0;color:#671902;height:100%;word-break:break-all" role="tabpanel" class="tab-pane active" id="home">
<br/>
<br/>
<asp:Repeater ID="Repeater1" runat="server" >
<ItemTemplate>
&nbsp;
<img src="image/blue_sign.gif" />
<a href="group_news.aspx?id=<%# Eval("id")%>" style="text-decoration: none; color: blue;font-size:medium"
onmouseout="this.style.color='blue'" onmouseover="this.style.color='red'"><%# Eval("title")%></a>&nbsp;
<br />
</ItemTemplate>
</asp:Repeater>

</div>
<div style="background:#f6d2e0;color:#671902;height:100%;word-break:break-all" role="tabpanel" class="tab-pane" id="profile">ghghghghghg
<p style="word-break:break-all">kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq</p>
<p style="word-break:break-all;">kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq</p>
</div>
<div style="background:#f6d2e0;color:#671902;height:100%;word-break:break-all" role="tabpanel" class="tab-pane fade " id="messages">fgfgfgfgf
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq</p>
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq</p>
<p>kjhkjhkjhkjhjgfdfsdffdhjgjhlkhjgfgfgdfsdsduiytytre wq7777777777777777dddddddddddddddddddddddddddddddd d999</p>
</div>


</div>

</div>
</div>
</div>
</div>

به هر حال بابت همه راهنمایی هاتون ممنونم