Search the Community

Dear all: I am intending to use jQuery for an FAQ collapsible/uncollapsible text. Because my FAQ will contain essential information, I am keen to have it visible to everybody. Is there any limitation in relation to browser support of jQuery that I should be aware of?

Hello Folks, I am trying to edit Circliful Jquery....but i am having 2 troubles: Not Compatible with IE 9,8,7 (Did not check it in ie 10 & 11 as i don't have it) and also Safari. Since these stats will be at the bottom of my page.. i want the animation to start when i scroll down to the stats block (default animation starts at the load of the page). https://github.com/pguso/jquery-plugin-circliful Link of the Jquery This is how my code looks like CSS .circliful { position: relative; float:left; color:#fff;}.circle-text, .circle-info, .circle-text-half, .circle-info-half { width: 100%; position: absolute; text-align: center; vertical-align:middle; display: inline-block;}.a5 { height:800px; width:100%; background-color:#c62229;}.a1 { height:800px; width:100%; background-color:blue;}.a2 { height:800px; width:100%; background-color:green;}.a3 { height:800px; width:100%; background-color:orange;} HTML <div class="a1"></div><div class="a2"></div><div class="a3"></div><div class="a4"></div><div class="a5"><div id="myStat1" data-dimension="250" data-text="35%" data-info="New Clients" data-width="30" data-fontsize="38" data-percent="35" data-fgcolor="#ffffff" data-bgcolor="#d4595f"></div><div id="myStat2" data-dimension="250" data-text="48%" data-info="New Clients" data-width="30" data-fontsize="38" data-percent="48" data-fgcolor="#ffffff" data-bgcolor="#d4595f"></div><div id="myStat3" data-dimension="250" data-text="56%" data-info="New Clients" data-width="30" data-fontsize="38" data-percent="56" data-fgcolor="#ffffff" data-bgcolor="#d4595f"></div><div id="myStat4" data-dimension="250" data-text="62%" data-info="New Clients" data-width="30" data-fontsize="38" data-percent="62" data-fgcolor="#ffffff" data-bgcolor="#d4595f"></div></div><script>$( document ).ready(function() { $('#myStat1').circliful(); $('#myStat2').circliful(); $('#myStat3').circliful(); $('#myStat4').circliful();});</script> Help appreciated

I have developed gridview in asp.net. gridview is showing in Internet Explorer (IE) but not in mozilla firefox,chrome. please sort out my problem Following is my gridview code <asp:GridView ID="GridView2" style="table-layout:fixed;" Width="100%" AutoGenerateColumns ="False" AllowSorting="true" runat="server" CellPadding="4" ForeColor="#333333" GridLines="Both"> <AlternatingRowStyle BackColor="#DCDCDC"/> <Columns> <asp:TemplateField HeaderText="" HeaderStyle-Font-Size="Small" > <ItemTemplate > <asp:label ID="label23" Font-Size="small" ToolTip ="click to see assembly page" runat="server" Text='<%# bind("AsbCd") %>' > </asp:label> </ItemTemplate> <HeaderStyle BorderStyle="Outset" Width="90px" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="center" /> </asp:TemplateField> <asp:TemplateField HeaderText="" HeaderStyle-Font-Size="small" > <ItemTemplate> <asp:label ID="label24" Font-Size="Small" ToolTip ="click to see assembly page" runat="server" Text='<%# bind("AsbNm") %>' > </asp:label> </ItemTemplate> <HeaderStyle BorderStyle="Outset" Width="90px" /> <ItemStyle BorderStyle="Outset" HorizontalAlign="Left" /> </asp:TemplateField> <asp:BoundField HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="left" /> </asp:BoundField> <asp:BoundField HeaderText="" DataField="operators" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="left" /> </asp:BoundField> <asp:BoundField HeaderText="" DataField="Days" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right"/> </asp:BoundField> <asp:BoundField DataField="PlannedDt" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" DataFormatString="{0:dd-MMM-yyyy}" HtmlEncode="false" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="PlancedEnddt" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" DataFormatString="{0:dd-MMM-yyyy}" HtmlEncode="false" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="Operator" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="left" /> </asp:BoundField> <asp:BoundField DataField="ActualDays" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="ActualStartDt" HeaderText=" " ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" DataFormatString="{0:dd-MMM-yyyy}" HtmlEncode="false" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="ActualEndDt" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell " DataFormatString="{0:dd-MMM-yyyy}" HtmlEncode="false" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="IssuePending" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell " > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="rack" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="Remark" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Center" /> </asp:BoundField> </Columns> </asp:GridView>

I am doing a asp project. In that i have fixed header of grid view. it looks perfect in internet explorer but when i open that page in mozilla or google chrome alignment of fixed gridview header and gridview changes. also in firefox datagrid cell's text color spreads over border it's not happening with chrome or IE but firefox doing this. please tell me how do i achieve browser compatibility in this case. Thanks, Rhishikesh Chogale following is the way i have done header fixing of gridview <table id="Table1" runat="server" cellpadding="1" border="1" style="background-color: #FFFFFF; border-collapse: collapse; border-color: #999999; border-style: none; border-width: 1px; width: 100%;"> <tr style="background-color:#000000 "> <td align="center" style="width:08%;"> <font color="#dddddd"> Assembly </font> </td> <td align="center" style="width:13%;" > <font color="#dddddd"> AssemblyName </font> </td> <td align="center" style="width:08%;"> <font color="#dddddd"> Source </font> </td> <td align="center" style="width:13%;"> <font color="#dddddd"> Operators </font> </td> <td style="width:04%;" > <font color="#dddddd"> Hours </font> </td> <td style="width:04%;"> <font color="#dddddd"> Start Date </font> </td> <td style="width:04%;"> <font color="#dddddd"> End Date </font> </td> <td align="center" style="width:17%;"> <font color="#dddddd"> Operators </font> </td> <td style="width:04%;"> <font color="#dddddd"> Hours </font> </td> <td style="width:04%;" > <font color="#dddddd"> Start Date </font> </td> <td style="width:04%;"> <font color="#dddddd"> End Date </font> </td> <td style="width:04%;" > <font color="#dddddd"> Shortfall </font> </td> <td style="width:03%;"> <font color="#dddddd"> Rack </font> </td> <td align="center" style="width:10%;"> <font color="#dddddd"> Remark </font> </td> </tr> </table> And following is the way i have fixed size of gridview by vb.net Protected Sub GridView2_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView2.RowDataBound If e.Row.RowType = DataControlRowType.Header Then Dim cell As TableCell = e.Row.Cells(0) cell.Width = New Unit("08%") Dim cell1 As TableCell = e.Row.Cells(1) cell1.Width = New Unit("13%") Dim cell2 As TableCell = e.Row.Cells(2) cell2.Width = New Unit("08%") Dim cell3 As TableCell = e.Row.Cells(3) cell3.Width = New Unit("13%") Dim cell4 As TableCell = e.Row.Cells(4) cell4.Width = New Unit("04%") Dim cell5 As TableCell = e.Row.Cells(5) cell5.Width = New Unit("04%") Dim cell6 As TableCell = e.Row.Cells(6) cell6.Width = New Unit("04%") Dim cell7 As TableCell = e.Row.Cells(7) cell7.Width = New Unit("17%") Dim cell8 As TableCell = e.Row.Cells(8) cell8.Width = New Unit("04%") Dim cell9 As TableCell = e.Row.Cells(9) cell9.Width = New Unit("04%") Dim cell10 As TableCell = e.Row.Cells(10) cell10.Width = New Unit("04%") Dim cell11 As TableCell = e.Row.Cells(11) cell11.Width = New Unit("05%") Dim cell12 As TableCell = e.Row.Cells(12) cell12.Width = New Unit("04%") Dim cell13 As TableCell = e.Row.Cells(13) cell13.Width = New Unit("11%") End If End Sub

hello, i have a problem regarding browser compatibility. in following images you can see in a cart panel they looking different in different browsers. plz give me solutions

i have prob with brouwes compatability. this is the link http://datanova.co.in/demo/datanova/index.html top menu is looking good in chrome but in mozila there is some problem with menu tagline

Hello,A friend and I are starting a new business and I am creating the website.I use a Macbook and Dreamweaver.We're going to a show to sell for the first time at the beginning of December and I need the site to be ready by then, but I still can't get it to work in IE or Firefox.I've run it through the Dreamweaver and W3 validating software already. The CSS doesn't have any errors and I've fixed all the ones I can with the xhtml - but still no change. All the elements are there, but no formatting or backgrounds.The site still needs a lot of work, but I don't want to move on until the browser problem is figured out.I couldn't figure out which form to post in. I'm sure my coding is odd & inefficient.....This is my first time coding and I just did what I had to do to make the site look like I wanted it to as quickly as I could. Some of it I understand, some I don't. Any help or critique is welcomed.........Thanks, Kelley The website is already online so you can get the html there - www.thelibertybrand.com Here is my .css @charset "UTF-8";/* CSS Document */ a:link {color:#FFFFFF;text-decoration:none;}a:visited {color:#FFFFFF;text-decoration:none;}a:hover {color:rgb(253,244,125);}a:active {color:#FFFFFF;} body,img,div{margin:0;padding:0;border:0;}h1,h2,h3{color:rgb(58,68,171);}body{background:url(../bluebackground2.png) center top repeat;padding:0;border:0;font-family:"Verdana", Arial, sans-serif;color:rgb(0,0,0);font-size:.75em;line-height:.7em;}#maincontainer{width:1000px;height:1500px;margin:0 auto;overflow:hidden;}#header{background:url(../header2.png) center bottom no-repeat;padding:0;border:0;width:1000px;height:250px;margin:0 auto;overflow:hidden;}#nav{width:980px;float:left;padding:0;margin-top:178px;list-style:none;overflow:hidden;}#nav li{float:left;}#content{background:url(../contentbackground4.png) center top repeat;}.rightcolumn{ float:right;width:220px;height:600px;padding-right:5px;}.leftcolumn{ float:left;width:220px;height:600px;padding-top:0px;padding-left:0px;overflow:hidden;}.centercolumn{ margin:0 220px 0 220px;width:560px;height:550px;padding-left:10px;padding-top:20px;}#bottomrow{width:800px;height:150px;float:left;padding-left:110px;padding-bottom:20px;overflow:hidden;}#footer{ background:url(../footer1.png) center top no-repeat;font-size:1.3em;line-height:25px;text-align:right;padding-right:20px;}#recy{ float:left;padding-left:30px;padding-top:75px;}.centercolumndummy{margin:0 220px 0 220px;width:560px;height:500px;}#contentourhist{ width:1000px;height:709px;margin:0 auto;overflow:hidden;}#contentvideo{float:left;width:500px;height:600px;padding-left:20px;padding-top:20px;}#contentvideotext{float:left;width:400px;height:600px;padding-top:5px;padding-right:20px;padding-left:50px;font-size:1.1em;line-height:1.1em;}#centercolumngoods{margin:0 250px 0 250px;width:500px;height:750px;padding-left:30px;padding-top:0px;}#rightcolumngoods{float:right;width:250px;height:750px;padding-right:10px;}#leftcolumngoods{float:left;width:250px;height:750px;padding-left:15px;}#contenttees{background:url(../contentbackground4.png) center top repeat;padding-left:20px;}#contentpart{background:url(../contentbackground4.png) center top repeat;padding-left:70px;padding-right:70px;font-size:1.2em;line-height:1.2em;}#contentnote{font-size:1.2em;line-height:1.2em;color:rgb(0,0,0);}#contentprod{background:url(../contentbackground4.png) center top repeat;padding-left:110px;padding-right:5px;overflow:hidden;}#productdetail{float:left;width:470px;height:875px;padding-top:5px;padding-right:10px;padding-left:0px;font-size:1.1em;line-height:1.2em;overflow:hidden;}.photos{float:left;overflow:hidden;width:350px;height:800px;padding-left:10px;}.photos div img{padding:10px 0px;}.photos ul.thumbs{margin:0;padding:0 0 0 0px;list-style:none;width:300px;float:left;}.photos ul.thumbs li{width:110px;height:100px;margin:0 40px 10px 0;padding:0px;float:left;overflow:hidden;position:relative;text-align:center;}.photos ul.thumbs li img{position:absolute;top:0px;left:0px;width:100%;}.photos ul.thumbs li:hover{opacity:0.7; filter:alpha(opacity=70);}.proddescone{font-style:italic;