PDA

View Full Version : سوال: عدم اعمال فاصله در فایرفاکس با افکت جی کوئری


vaheeed
دوشنبه 29 مهر 1392, 10:52 صبح
سلام
من داخل صفحه از افکت چرخش عکس با جی کوئری استفاده کردم . چندتا عکس کنار همدیگه است که خاصیت margin:5px رو هم برای هر عکس گذاشتم داخل مرورگرهای اینترنت اکسپلور و گوگل کروم درست کار میکنه ولی در فایر فاکس میاد تمام عکس ها رو به هم میچسبونه !!! چیکار باید بکنم؟؟
این دایو که عکس ها داخلش هست:

<div style="width:550px; vertical-align:middle;">
<a href="anvaeAbnama.aspx" style=" ">
<img id="image3rot" style="margin:5px;"
alt="" src="../pic-menu/anvaeAbnama.gif" border="0" /></a>
<a href="tajhizateAbnama.aspx" style=" border:0;">
<img id="image4rot" style="margin:5px;"
alt="" src="../pic-menu/tajhizateAbnama.gif" border="0" /></a>
<a href="package.aspx" style=" border:0;">
<img id="image5rot" style="margin:5px;"
alt="" src="../pic-menu/pakeyjhayeAmade.gif" border="0" /></a>
<a href="akhbar.aspx" style=" border:0;"><img id="image7rot" style="margin:5px;"
alt="" src="../pic-menu/akhbareJadid.gif" border="0" /></a>
<a href="savabeghKari.aspx" style=" border:0;">
<img id="image8rot" style="margin:5px;"
alt="" src="../pic-menu/savabeghKari.gif" border="0" /></a>
</div>و این هم کد جی کوئری :

<script type="text/javascript">
$(document).ready(function () {



$("[id$='rot']").rotate({
maxAngle: 25, minAngle: -55,
bind:
[
{ "mouseover": function () { $(this).rotateAnimation(30); } },
{ "mouseout": function () { $(this).rotateAnimation(0); } }
]
});
});
</script>
vaheeed
چهارشنبه 01 آبان 1392, 08:24 صبح
کسی تا حالا به این مشکل بر نخورده!!!!
reza10wert
چهارشنبه 01 آبان 1392, 20:04 عصر
لطفا کد کامل صفحه رو بذارید
vaheeed
شنبه 04 آبان 1392, 09:12 صبح
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="SiteAbnama.Home" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>خانه</title>

<link rel="stylesheet" href="../mbcsmb73g0.css" type="text/css" />
<link rel="stylesheet" href="../font.css" type="text/css" />

<script src="../Scripts/jquery-1.5.min.js" type="text/javascript"></script>

<script src="../Scripts/jQueryRotate.js" type="text/javascript"></script>




<style type="text/css">
.style1
{
font-size: medium;
}
</style>


</head>
<body style=" background-image:url('../pic-ghaleb/backG.PNG'); background-repeat:repeat;">
<form id="form1" runat="server">

<div style=" border:solid 0px; border-color:Blue;width: 900px; height:350px; margin:0 auto; clear:both;">
<div style="width: 700px; height:360px; float:left; border:0px; ; border-color:Red;">
<iframe scrolling="no" src="../diapo.1.0.4/diapo/example.htm" style="height: 350px; width: 700px"></iframe>
</div>
<div style="width: 184px; height:295px; float:left; border:0px; border-color:Green;">
<img src="../pic-ghaleb/t5.jpg" alt="ss" />
</div>
</div>

<div style="width:850px; border:solid 0px; border-color:Yellow; margin:0 auto; margin-top:5px; clear:both;" dir="rtl">

<asp:SiteMapPath ID="SiteMapPath1" runat="server" Font-Names="Verdana"
Font-Size="Small" PathSeparator=" : ">
<CurrentNodeStyle ForeColor="#333333" />
<NodeStyle Font-Bold="True" ForeColor="#990000" />
<PathSeparatorStyle Font-Bold="True" ForeColor="#990000" />
<RootNodeStyle Font-Bold="True" ForeColor="#FF8000" />
</asp:SiteMapPath>
</div>

<div style="width:900px; border:solid 0px; border-color:Red; margin:0 auto; margin-top:10px;"dir="rtl">
<div style="width:171px; border:solid 0px; float:right" align="center" >
<iframe scrolling="no" src="../menuR.aspx" style="height: 226px; width: 171px"></iframe>
</div>
<div style="border: 4px outset #660066; width:543px; min-height:218px; height:auto; float:right;
margin-right:3px; vertical-align:middle; background-image: url('../pic-ghaleb/backGM5.png');
background-repeat: repeat;" align="center" >
<div style="width:550px; height:15px; vertical-align:top;"></div>
<div style="width:550px; vertical-align:middle;">
<a href="anvaeAbnama.aspx" style=" ">
<img id="image3rot" style=" margin: 5px;"
alt="" src="../pic-menu/anvaeAbnama.gif" border="0" /></a>
<a href="tajhizateAbnama.aspx" style=" border:0;">
<img id="image4rot" style="margin:5px;"
alt="" src="../pic-menu/tajhizateAbnama.gif" border="0" /></a>
<a href="package.aspx" style=" border:0;">
<img id="image5rot" style="margin:5px;"
alt="" src="../pic-menu/pakeyjhayeAmade.gif" border="0" /></a>
<a href="akhbar.aspx" style=" border:0;"><img id="image7rot" style="margin:5px;"
alt="" src="../pic-menu/akhbareJadid.gif" border="0" /></a>
<a href="savabeghKari.aspx" style=" border:0;">
<img id="image8rot" style="margin:5px;"
alt="" src="../pic-menu/savabeghKari.gif" border="0" /></a>
</div>
<div style="width:550px; vertical-align:bottom;"></div>



</div>
<div style="width:171px; border:solid 0px; float:left; margin-right:3px;" align="center" >
<iframe scrolling="no" src="../menuL.aspx" style="height: 226px; width: 171px"></iframe>
</div>
</div>

<div style="width:900px; border:solid 0px; border-color:Yellow; margin:0 auto; margin-top:3px; clear:both;" dir="rtl">
<div style=" width:171px; border:solid 0px; border-color:red; float:right;" align="center" dir="rtl">
<iframe class="QMenu" scrolling="no" src="../QuickMenu.aspx" style=" width: 171px" ></iframe>
</div>

<div class="F_kodak" style=" padding: 8px; margin-right:3px; width:700px; border:3px groove #660066;
float:right; background-image:url('../pic-ghaleb/backGM7.PNG'); background-repeat:repeat; font-size: 16px;"
dir="rtl">



<span class="style1">فضای خود را با آب، نور و صدا به محیطی آرامش بخش و دلنشین تبدیل نمایید. خلاقیت، شور و احساس طراوت را تجربه کنید.</span><br
class="style1" />

<span class="style1">تیم طراحی و مهندسی ما انواع مدلهای آبنما را در هر مقیاس و سبکی ایجاد کرده است:
</span>
<br class="style1" />
<ul>
<li class="style1">
طراحي و اجرای انواع آبنما (موزیکال و غیر موزیکال )
</li>
<li class="style1">
طراحی و اجرا آبنماهای مدرن دیواری و پرده آب
</li>
<li class="style1">
طراحی و اجرای نمایشگر آبی با قابلیت نمایش نوشته و تصویر در ابعاد مختلف
</li>
<li class="style1">
طراحی سیستم کنترل آبنماهای موزیکال
</li>
<li class="style1">
توليد انواع چراغهاي پاركي
</li>
<li class="style1">
طراحی سفارشی محیط های هارمونیک
</li>
<li class="style1">
ساخت و نصب آبنماهای داخلی
</li>
</ul>

</div>
</div>


</form>

<script type="text/javascript">
$(document).ready(function () {



$("[id$='rot']").rotate({
maxAngle: 25, minAngle: -55,
bind:
[
{ "mouseover": function () { $(this).rotateAnimation(360); } },
{ "mouseout": function () { $(this).rotateAnimation(0); } }
]
});
});
</script>

</body>
</html>

این کد کامل یه صفحه ، مجبور شدم همینجوری اپلود کنم اگه خواستید اپلود شدش رو هم ببینید ادرسش abnama.ir هست
ممنون
vaheeed
سه شنبه 07 آبان 1392, 09:55 صبح
مثل اینکه یه مشکل خاصه ، کسی تا حالا بهش برنخورده!!!!
saeidpsl
چهارشنبه 08 آبان 1392, 00:55 صبح
بفرما :چشمک:




<div style="width:900px; border:solid 0px; border-color:Red; margin:0 auto; margin-top:10px;"dir="rtl">

<div style="border: 4px outset #660066; width:543px; min-height:218px; height:auto; float:right;
margin-right:3px; vertical-align:middle; background-image: url('http://abnama.ir/pic-ghaleb/backGM5.png');
background-repeat: repeat;"


align="center" >


<div style="width:550px; height:15px; vertical-align:top;"></div>
<div style="width:550px; vertical-align:middle;margin-right: -50px;">
<a href="anvaeAbnama.aspx" style="padding-right: 10px; ">
<img id="image3rot" style=" margin: 5px;"
alt="" src="http://abnama.ir/pic-menu/anvaeAbnama.gif" border="0" /></a>
<a href="tajhizateAbnama.aspx" style=" border:0; padding-right: 10px; ">
<img id="image4rot"
alt="" src="http://abnama.ir/pic-menu/tajhizateAbnama.gif" border="0" /></a>
<a href="package.aspx" style=" border:0;padding-right: 10px; ">
<img id="image5rot"
alt="" src="http://abnama.ir/pic-menu/pakeyjhayeAmade.gif" border="0" /></a>
<a href="akhbar.aspx" style=" border:0;padding-right: 10px; "><img id="image7rot"
alt="" src="http://abnama.ir/pic-menu/akhbareJadid.gif" border="0" /></a>
<a href="savabeghKari.aspx" style=" border:0;padding-right: 10px; ">
<img id="image8rot"
alt="" src="http://abnama.ir/pic-menu/savabeghKari.gif" border="0" /></a>
</div>
<div style="width:550px; vertical-align:bottom;"></div>



</div>

</div>
vaheeed
چهارشنبه 08 آبان 1392, 08:18 صبح
دستت درد نکنه آقا خیلی حال دادی اصلا اینجوری به فکرم نرسید که تست کنم ، الان درست شد فاصله شون نسبت به هم ولی کلش که یکم سمت چپ بود وقتی تو فایرفاکس درست شد داخل مرورگرا دیگه خراب میشه !!!! ولی خوبه لا اقل خودشون دیگه به هم نمیچسبن :D
saeidpsl
چهارشنبه 08 آبان 1392, 10:18 صبح
خواهش اونا رو هم میشه درست کرد کدتو باید درست بنویسی :چشمک:
vaheeed
دوشنبه 04 آذر 1392, 08:10 صبح
خوب مسئله همینه کد درست یعنی چی؟!! اخه طبیعتا و در حالت عادی همین کد باید کار کنه و کلشون نرن سمت چپ ، از دایو اصلی خارج بشن ، و همین طور هم میشه در صورت استفاده نکردن از چرخش تصاویر ، نتونستم کد درست واسه خارج نشدنشون بنویسم اگه بازم شما استفاده از تنظیم خاصی به ذهنتون رسید بفرمایید که انجام بدم من
ممنون