Jump to content

Search the Community

Showing results for tags 'firefox'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 34 results

  1. I have a "pushed down" effect applied to active tabs in a navigation bar I made. It works in Opera, Safari, and Chrome. However, Firefox doesn't do the gradients for me. Is this Firefox's problem, or a syntactical error? Relevant code: #header .active { background-color: #eee; background-image: -moz-radial-gradient(-2% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)), -moz-radial-gradient(102% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)), -moz-linear-gradient(bottom, rgb(238, 238, 238), rgb(193, 193, 193) 35%, rgb(238, 238, 238)); background-image: -o-radial-gradient(-2% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)), -o-radial-gradient(102% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)), -o-linear-gradient(bottom, rgb(238, 238, 238), rgb(193, 193, 193) 35%, rgb(238, 238, 238)); background-image: -webkit-radial-gradient(-2% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)), -webkit-radial-gradient(102% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)), -webkit-linear-gradient(bottom, rgb(238, 238, 238), rgb(193, 193, 193) 35%, rgb(238, 238, 238)); background-image: -ms-radial-gradient(-2% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)), -ms-radial-gradient(102% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)), -ms-linear-gradient(bottom, rgb(238, 238, 238), rgb(193, 193, 193) 35%, rgb(238, 238, 238)); background-image: radial-gradient(-2% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)), radial-gradient(102% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)), linear-gradient(bottom, rgb(238, 238, 238), rgb(193, 193, 193) 35%, rgb(238, 238, 238));} Site: http://www.alaskavoicesforfreedom.com/about
  2. Hi, I know that this might be a quite common question but I haven't found a solution for my site so maybe you guys can help me out. I am not very experienced with this CSS stuff and I haven't been able to come up with a solution. My navigation bar works fine with other browsers but not firefox. You can find a live view of the site at: http://www.korukivi.fi/?page_id=375 Thanks for any help!
  3. Greetings all...I have created this page with tabs and on the second tab I am trying to use iframe to emped a map application.It works, kind of, in IE 9...I get the "IE restricted this webpage from running scripts. -- Allow Block Content?" and "Only secure content is displayed. -- Show all content?" and then it loads properly.In Firefox 10.0.2 everything loads except the second tab with the map application. All I get is a white rectangle and no errors.Please help, I am a novice so please "dumbify" it for me, Thanks in advance. <!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" xml:lang="en" lang="en"> <head> <title>Web Mapping App</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body { font-size: 75%; font-family: Arial, Helvetica, sans-serif; } ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; } ul#tabs li { display: inline; } ul#tabs li a { color: #FFFFFF; background-color: #383838 ; border: 1px solid #FFFFFF; border-bottom: none; padding: 0.3em; text-decoration: none; } ul#tabs li a:hover { background-color: #787878; } ul#tabs li a.selected { color: 666666; background-color: #808080; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; } div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #808080; } div.tabContent.hide { display: none; } iframe#ifrm { border:1px solid #ccc; width:1100px; height:700px; margin:1em 0; } </style> <script type="text/javascript"> //<![CDATA[ var tabLinks = new Array(); var contentDivs = new Array(); function init() { // Grab the tab links and content divs from the page var tabListItems = document.getElementById('tabs').childNodes; for ( var i = 0; i < tabListItems.length; i++ ) { if ( tabListItems[i].nodeName == "LI" ) { var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' ); var id = getHash( tabLink.getAttribute('href') ); tabLinks[id] = tabLink; contentDivs[id] = document.getElementById( id ); } } // Assign onclick events to the tab links, and // highlight the first tab var i = 0; for ( var id in tabLinks ) { tabLinks[id].onclick = showTab; tabLinks[id].onfocus = function() { this.blur() }; if ( i == 0 ) tabLinks[id].className = 'selected'; i++; } // Hide all content divs except the first var i = 0; for ( var id in contentDivs ) { if ( i != 0 ) contentDivs[id].className = 'tabContent hide'; i++; } } function showTab() { var selectedId = getHash( this.getAttribute('href') ); // Highlight the selected tab, and dim all others. // Also show the selected content div, and hide all others. for ( var id in contentDivs ) { if ( id == selectedId ) { tabLinks[id].className = 'selected'; contentDivs[id].className = 'tabContent'; } else { tabLinks[id].className = ''; contentDivs[id].className = 'tabContent hide'; } } // Stop the browser following the link return false; } function getFirstChildWithTagName( element, tagName ) { for ( var i = 0; i < element.childNodes.length; i++ ) { if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i]; } } function getHash( url ) { var hashPos = url.lastIndexOf ( '#' ); return url.substring( hashPos + 1 ); } //]]> </script> </head> <body bgcolor="3e3e3e" onload="init()"> <h1><font color="white">Web Mapping App</font></h1> <ul id="tabs"> <li><a href="#about">INTRODUCTION</a></li> <li><a href="#advantages">MAPPING APP</a></li> <li><a href="#usage">CITATIONS</a></li> </ul> <div class="tabContent" id="about"> <h2>About the Mapping Application:</h2> <div> <p>A peanut sat on a railway track his heart was all a flutter. Around the bend came number ten, Choo Choo Peanut butter.</p> </div> </div> <div class="tabContent" id="advantages"> <iframe src="https://apps.arcgis.com/hosted/OnePane/basicviewer/index.html" height="680" width="1080"></iframe> </div> <div class="tabContent" id="usage"> <h2>Using tabs</h2> <div> <p>Horsey horsey don't you stop, Just let your feet go clippetty clop. The tail goes swish and the wheels go round, Giddy up, we're homeward bound.</p> </div> </div> </body></html>
  4. if you see the following link in chrome:http://barzilaymor.co.il/diurplus/DiurPlus.phpyou will see in every rectangle, 4 small rectangles in the color blue, orange, green and red.But in firefox you see none of them.I have used CSS Sprite to create them and here is the code: <img src='' class='rectangular-key extra-info-key'/><img src='' class='rectangular-key galley-key'/><img src='' class='rectangular-key contact-key'/><img src='' class='rectangular-key map-key'/> and the css: .rectangular-key{ width: 10px; height: 10px; background:url('image/strip.png');}.extra-info-key{ background-position: -304px -135px; border:0;}.galley-key{ background-position: -304px -152px; border:0;}.contact-key{ background-position: -304px -118px; border:0;}.map-key{ background-position: -304px -169px; border:0;} what is wrong here?After all it is working well for me in IE and chrome, so what should I do in order to make it work for firefox?
  5. Hi,I made a website --> http://www.pgum-sill.pl/nowa_strona/index.html In Chrome it looks as it should. But in Firefox and IE it is not.What should I change to make the website to look ok in every browser?What I shouldn't use to avoid this kind of situation? I have already checked the code of HTML and CSS file in w3 validator. Everything is correct.
  6. My page does not view correctly in other web browser than Firefox.I want the page to have a "book/magazine" design, where you flip to the next page in HTML. I managed to get the design i wanted, but when i view my page in other browsers, it does not look like it does in firefox. Here is the page I am talking about -open in Firefox for correct view, and then try safari/chrome/opera. Why is it like this?http://www.ia-stud.h...strate/inn.html Here is the source-code:<html><head><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8" /><META NAME="COPYRIGHT" CONTENT="© Ole Andersen, Sun Feb 26 22:43:51 CEST 2012" /><title>Ole Andersen</title> <style type="text/css">a:link {text-decoration: none;COLOR: inherit;}a:visited {text-decoration: none;COLOR: inherit ;}a:hover {text-decoration: none;COLOR: 778899 ;}a:active {text-decoration: none;COLOR: inherit;} img{ margin-right:0px;}</style> <style>#huskelapp{ position:absolute;background-color:#FFFFFF ;border-top-right-radius: 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;padding-left: 10px;padding-top:5px;padding-right:4px;padding-bottom:5px;left:240px;height:1110px;width:817px;top:130px;opacity:0.6;filter:alpha(opacity=60);z-index: 0;overflow: hidden;float:left;overflow: hidden; } <!--#wrapper{margin: 0 auto; width: 680px; background-image:url('images/pages.png'); height:601px;}--> #wrapper{margin: 0 auto; width: 1070px; height:601px;} #left{height:540px;width:470px;padding-left: 40px;padding-top:40px;padding-right:40px;padding-bottom:40px; background-image:url('images/inn.png');float:left;} #right{height:540px;width:470px;padding-left: 40px;padding-top:40px;padding-right:40px;padding-bottom:40px; background-image:url('images/right.png'); overflow: hidden;} html{ background: url(images/pages.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} </style> </head> <body> <div id="wrapper"> <div id="left"> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <center><font color="#000000" face="futura"><font size="1">2 - <a href="index.html">Forrige Side</a> </font></center></div> <div id="right"> <table align="left"><tr><td> <br><font color="#000000" face="futura"><font size="1"> </font></td> <td> <font color="#000000" face="futura"><font size="1"> </td></tr></table> <br><br><br><br><br><br><br><br><br><br><br><br><br><center><font color="#000000" face="futura"><font size="1">3 - <a href="1-2.html">Neste Side</a></font></center> </div> <!-- END of #wrapper div --></body> </html>
  7. Hello again! I am having a problem on firefox.I have an event (onkeyPress) on a textarea, which should trigger a function when the key pressed is Intro.I would have the following on HTML: HTML Code:..<textarea id="idtextarea" onkeyPress="showUser(this.value)"></textarea>... In javascript: ...function showUser(str){var keycode;if(window.event) keycode = window.event.keyCode;else if (e) keycode = e.which;else return true;if (keycode == 13){var xmlhttp;if(str=="") {.... It works on the main browsers but not on Firefox. Nothing happens on this browser. I would appreciate any help.Thank you very much.Regards
  8. This is a strange one to me. I wrote a captcha script for my site which works fine. On the sign up page I put it on I have a JavaScript function that uses ajax to refresh the captcha without reloading the page. That works in all my browsers but Firefox and Opera. In these browsers you can click it once and it works, after that it doesn't refresh the image. When add an alert at the end of the function it shows that the function is firing, so it's acting like the page is caching, even though I'm sending it with POST. Does any one know why these two browsers are doing that and how to stop it? The code is: function loadXMLDoc(div){if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();}else{// code for IE6, IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4 && xmlhttp.status==200){ document.getElementById(div).innerHTML=xmlhttp.responseText;}}}function refreshcaptcha (){loadXMLDoc("captcha") xmlhttp.open("POST","refreshcaptcha.php",true);xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');xmlhttp.send();}
  9. So Im editing some of my site and I load a Firefox plugin that's suppose to run it through validation htmltidy as well as a css validator... one of the warnings it throws up is about the style sheet importer <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory') ?>/style.css" /> the / at the end it dosent like... I always thought that was proper code as Ive always used it... and I see most people use it also but I never really understood the why and if it was needed. Could someone please explain to me why thats there? the / in ' /> '
  • Create New...