Search the Community

Showing results for tags 'firefox'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Calendars

  • Community Calendar

Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 32 results

  1. This is my site: http://feriapixel.cl/cleanway/index.php As you can see, if you are using Chrome, it has a video background at the beginning, but when i view it with Firefox, the video doesn't appear at all. This is the HTML and javascript of my video: <video id="my-video" class="video" muted loop> <source src="videos/Clean_Way.mp4" type="video/mp4"> <source src="videos/Clean_Way.webm" type="video/webm"> </video><!-- /video --> <script> (function() { /** * Video element * @type {HTMLElement} */ var video = document.getElementById("my-video"); /** * Check if video can play, and play it */ video.addEventListener( "canplay", function() { video.play(); }); })(); </script> I need to add something for Firefox?
  2. I found a code to automatically connect people on linkedin, but it is not working. It says, illegal character. Found it here http://www.iftiseo.com/2015/02/code-to-increase-linkedin-connections.html What is wrong?
  3. Hi. I am making a website for a friend who has a ridingcenter. I am having some issues with Mozilla. First issue is that i have used div, p and css to create a "link" line on the pictures in the image slider. This is working great in Chrome and Safari, but mozilla is for some reason splitting it in two lines. I have used <li> tags inside he <ul> which is the slider. Any idea on how i can get Mozilla to read it in the same way as chrome, or any better ways to do this? E.g. <li class="carousel-inner clearfix"> <img src="img/bilde3.jpg"> <div class="carousel-caption"> <p class="cycle"><a href="rideskole.html" class="button1">Vil du bli like god som Sigrid? <font size="2"> Trykk her</font></a></p> </div> </li> 2nd issue is that i have used instafeed to display instagram pictures in the end of the main page. Chrome and safari is displaying these according to the "zoom" design attribute, but mozilla for some reason dont display this, and is not zooming the pictures. Any idea why? Zoom is put in the CSS code: #instafeed { zoom: 1.6; margin: 8px 15px 15px 14px; padding:5px 5px 1px 5px; } I really hope for some good ideas, as i have spent a lot of time trying to solve this Best regards, Ronja
  4. I am using "Python-3.4.1 32 bit" on "Windows 7 64 bit" machine with "Selenium" using "Firefox 33". I am trying to automate downloading a "CSV" file from a secured website after furnishing the necessary credentials. I have written the required code to navigate to the correct element to initiate the download of the file but I am stuck when Firefox gives the download box (Dialog box title: Opening export.csv, "Open with" and "Save File" options as radio buttons with "OK" and "Cancel" as buttons). I want the file to be downloaded automatically and for that I have tried the following codes without success: from selenium import webdriverfp = webdriver.FirefoxProfile()fp.set_preference("browser.download.manager.showWhenStarting",False)fp.set_preference("browser.download.folderList",2)fp.set_preference("browser.download.dir", "C:UsersarunDownloads")fp.set_preference("browser.download.downloadDir", "C:UsersarunDownloads")fp.set_preference("browser.download.defaultFolder", "C:UsersarunDownloads")fp.set_preference('browser.helperApps.neverAsk.saveToDisk',"text/csv")driver = webdriver.Firefox(fp)driver.get("http://website-url.com") and then click on the button to start the download. But, it still shows the dialog box. I even tried handling it as an alert and tried alert = driver.switch_to_alert()alert.accept() but this always gave an exception of alert not found which led me to the conclusion that it might not be a JavaScript functionality after all but rather a web element. I am giving sufficient delay for the alert box to appear before I try to interact with it using the "alert" object code shown above.What do I do to get this downloaded automatically without the dialog box interaction (the way it's handled in Google Chrome browsers)I think that the server is not assigning the correct MIME type for the file that is being downloaded? The file I am downloading is of type: "text/csv" and in Firefox when the dialog box appears, "Do this automatically for files like this from now on" check box is greyed out.Thanks for your help and timeCheers!
  5. I've created a php file that gathers data from my SQL tables and creates a multi-sheet Excel workbook file in XML. I started this process by creating the file as I wanted it to appear using MS Excel 2010 and saved it as a XML file. I then wrote my PHP code to dynamically create the MS Excel XML file. In internet Explorer 11, when this is done, the file opens as a MS Excel file. My problem is that it doesn't work in Firefox (Version 31.0). In Firefox, it prints out on the screen as an unformatted XML file with the following message above the screen - "This XML file does not appear to have any style information associated with it. The document tree is shown below." I think the problem is in my header. This is the way the opening of my PHP file appears now: <?phpheader("Content-type: text/xml");echo "<?xml version="1.0" encoding="UTF-8"?><?mso-application progid="Excel.Sheet"?>";?><Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet" xmlns:html="http://www.w3.org/TR/REC-html40"><-- More code follows --> Any help you can offer will be welcome!
  6. Hi i am using HTML5 Server-Sent Events Actually i need to show notification ( new record enter and which are unread ) thats when any new record is insert in database ( php / mysql ) So for testing purpose i just tried with count of total row. but getting below error message in my localhost : Firefox can't establish a connection to the server at http://localhost/project/folder/servevent/demo_sse.php.line is : var source = new EventSource("demo_sse.php"); WHAT I HAVE TRIED : index.php <script>if(typeof(EventSource) !== "undefined") {var source = new EventSource("demo_sse.php");source.onmessage = function(event) {document.getElementById("result").innerHTML = event.data;};} else {document.getElementById("result").innerHTML = "Sorry, your browser does not support server-sent events...";}</script> <div id="result"></div> demo_sse.php <?phpheader('Content-Type: text/event-stream');header('Cache-Control: no-cache');$db = mysql_connect("localhost", "root", ""); // your host, user, passwordif(!$db) { echo mysql_error(); }$select_db = mysql_select_db("testdatase"); // database nameif(!$select_db) { echo mysql_error(); }$time = " SELECT count( id ) AS ct FROM `product` ";$result = mysql_query($time);$resa = mysql_fetch_assoc($result);echo $resa['ct'];flush();?> please let me know what going wrong. I know for notification we can use Ajax with some interval time , but i don't want such thing. As i have N number of records and which may slow my resources.
  7. The code is as following: file:index.php <?php include("fix.php");?> file: fix.php <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="styles/styles.css" /> </head> <body style="margin:0px;"> <h1 style="background-color:red;margin:0px;">Problem</h1> </body></html> When I open file fix.php in firefox and chrome are ok (there is no margin between tag h1 and top boundary of browsers). However, when I open file index.php, in firefox is OK (no margin), but in Chrome, there a margin between them. Please, explain to me the reason. Is it because of the function require () ???
  8. I have a piece of code like following: body { margin:0px; font-family:"Segoe UI",Tahoma,Verdana; font-size:14px; background-color:#E3E3E3;}h1 { background-color:#9dc45f;} <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="styles/styles.css"/> </head> <body> <div id="header"> <h1>Tag h1 is displayed differently in Chrome and Firefox. Please, tell me why? </h1> </div> </body></html> In Chrome, there is no margin between <h1> and top boundary of browser (as expected). But in Firefox, there is still a distance, approximately 19px, between them. I don't find out the reason of this issue. Please, tell me why!
  9. I have a piece of CSS as following (in order to align a div vertically center) #center { position:relative; height:200px; width:500px; top:50%; margin:-100px auto 0px auto; border-radius:10px; border:1px solid white;} In Chrome, it works well, as in the first illustration: but in Firefox, it's displayed as following: Please, explain to me the reason of the issue. You can check this issue in your browser by link: http://thichtomo.com/example/
  10. I've got a multi-tab web form that works just fine on Internet Explorer (Versions 10 and 11) but not on Firefox (Version 27). I've got the problem narrowed down to two (2) javascripts. They both have a common set of commands that may well be the cause of this problem. The common command is "document.getElementById('Frame or Tab ID').innerHTML". Although I've got it narrowed down to this source, I have no idea why it is happening or what I can do to fix it. I'd like to get this form to work on both platforms (i.e., IE and Firefox). Does anyone have any suggestions?
  11. Hello! New to this and CSS so please bear with me This (and other files with same CSS and template) looks fine in Safari but not in Firefox and Chrome http://maranorth.com/html/conservation.html Top right area sticks out of the margins of the white area (screenshot and file attached) Need help in sorting out the glitch in my (messy) css file: @charset "UTF-8"; /* CSS Document */mnc-style.css body { #background:url(images/bg2.jpg) ; margin:0px; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; } p{ text-align:left; line-height:19px; padding:0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } h_white{ padding:5px 3px 5px 3px; margin:0px; color:#FFFFFF; font-size:15px; font-weight:normal; text-align: left; border-bottom: dotted; border-bottom-style: dotted; border-bottom-width: 1px; } h2{ padding:0px 0 10px 0; margin:0px; color:#B52025; font-size:20px; font-weight:normal; text-align: left; } h3 a{ text-decoration:none; color: #666633; padding-left:10px; } h3{ padding:5px 3px 5px 3px; margin:0px; color:#666600; font-size:15px; font-weight:normal; text-align: left; /*-----------------------------no line------------------*/ border-bottom-style: none; /*-----------------------------no line------------------*/ border-bottom-width: 1px; /*-----------------------------no line------------------*/ border-bottom-length: 90% } h4{ margin:4px; color:#B52025; font-size:14px; font-weight:normal; text-align: left; font-family: Verdana, Geneva, sans-serif; } h5{ padding:5px 5 10px 5; margin:0px; color:#FFFFFF; font-size:20px; font-weight:normal; text-align: left; font-family: Verdana, Geneva, sans-serif; } .header_redback{ padding:3px; margin:0px; color:#FFFFFF; font-size:16px; font-weight:normal; text-align: left; background: #B52025; } .clear{ clear:both; } #wrap{ width:977px; margin:20px auto auto auto; } .top_corner{ width:976px; height:10px; background:url(../images/top_bg.gif) no-repeat center bottom; } #main_container{ width:977px; background:url(../images/center_bg_repeat.gif) repeat-y center; } #header{ width:970px; margin:auto; height:70px; } #logo{ padding:10px 0 0 20px; float:left; } /*----------------------menu-------------------------*/ #menu{ width:400px; float:right; padding:20px 0 0 0; } #menu ul{ list-style:none;padding:0px;margin:0px;display:block; } #menu ul li{ list-style:none;display:inline;float:left;width:auto;padding:0px;font-size:12px; } #menu ul li a{ float:left;text-decoration:none;padding:0px 5px 0 5px; margin:0px 4px 0 4px;color:#000;text-align:center; height:31px; line-height:31px; } #menu ul li a:hover{ background-color:#b52025;color:#fff; } #menu ul li a.current{ float:left;text-decoration:none;padding:0px 5px 0 5px; margin:0px 4px 0 4px;color:#fff;text-align:center; height:31px; line-height:31px; background-color:#b52025; } /*-----------------middle_banner----------------------------*/ .middle_banner{ width:977px; height:304px; background:url(../images/middle_banner_bg.gif) no-repeat center; } /*----------------------slider---------------------------*/ .featured_slider { width:965px; margin:auto; float:left; margin:18px 0 0 6px; } ul, li{ padding:2px; margin:2px; } /** ----------------------------------------------------- **/ #featured_border { position: relative; border: none; padding:0px; height:280px; margin: 0px; } #featured_wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; } #featured_images { position: absolute; left: 0; top: 0; } #featured_images li { float: left; } #featured_positioner_desc { width:965px; height: 280px; position: absolute; top: 0px; left: 0px; } #featured_wrapper_desc { width: 100%; height:280px; position: relative; overflow: hidden; } #featured_desc { position: absolute; left: 0; bottom: 0; padding:0px; margin:0px; } #featured_desc li { width: 965px; float: left;padding:0px; margin:0px; } #featured_desc li div { margin:0px 0 0px 0px; padding:10px; width:945px; background: url(../images/featured-desc-bg.png); } #featured_desc li h2 { color:#FFFFFF; font-size:18px; padding:0px 0 5px 0; margin:0px; } #featured_desc li p { color:#FFFFFF; font-size:12px; padding:0px 0 10px 0; margin:0px; line-height:18px; } #featured_buttons { position: absolute; top: 15px; right: 15px; width: auto; padding:0; list-style:none;} #featured_buttons li { width: 22px; height: 22px; background: url(../images/featured-button-off.png); float: left; margin-left: 3px; text-align:center; font-size:12px; color:#FFFFFF; line-height:22px; cursor: pointer; } #featured_buttons li.clicked { background: url(../images/featured-button-on.png); } /**/ /*-------------------------------*/ .center_content{ width:945px; clear:both; padding: 10px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; text-align: center; } .center_content_pages{ width:930px; clear:both; margin:auto; padding-top: 10px; padding-right:10px; padding-bottom: 10px; padding-left: 15px; background:url(../images/center_bg_pages.gif) no-repeat center top; } .center_content_pages_original{ width:960px; clear:both; margin:auto; padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px; background:url(../images/center_bg_pages.gif) no-repeat center top; } .center_content_centered{ width:560px; clear:both; margin:auto; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .center_content_pages_noimage_old { width:930px; clear:both; (!)padding:10px 5 10px 0; border-top-width:1px; border-top-color:#C4BD9E; margin: auto; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; } .center_content_pages_noimage { width:900px; clear:both; margin:auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 15px; } h2_white { padding:10px 10px 10px 0; margin:0px; color:#ffffff; font-size:20px; font-weight:normal; text-align:left; } .home_subtitle_white { width:230px; float:left; font-size:13px; color:#feffff; padding-top:0px; padding-right:0; padding-bottom:5px; padding-left:10px; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#C4BD9E; } .home_subtitle_bullet { width:190px; float:left; padding:0px 0 0px 10px; font-size:13px; color:#fff5e5; list-style-position:outside; } .custom li.beads { list-style-type: none; height: 46px; padding-left: 40px; } .left_content{ width:660px; float:left; padding-top: 15; padding-right: 10; padding-bottom: 10; padding-left: 15; } .left_block{ width:295px; float:left; padding:10px 5px 5px 5px; } .left_block_original{ width:295px; float:left; padding:20px 20px 10px 15px; } .right_block_original{ width:280px; float:right; padding:20px 20px px 0; } .block_wide_original{ width:625px; float:left; margin:10px 20px 10px 15px; padding-top:10px; border-top:1px #ededed solid; } .wide_content_original{ width:930px; clear:both; padding:10px 15px 0 15px; } .left_block_2{ width:600px; float:left; padding:5px 5px 5px 5px; border-bottom:1px #bcbcbc dotted; } .left_block_3{ width:400px; float:left; padding:5px 5px 5px 5px; } .left_block_wide_bottom_dotted{ width:95%; float:left; padding:15px 15px 10px 15px; border-bottom:1px #bcbcbc dotted; } .left_block_wide_bottom_clear{ width:95%; float:left; padding:15px 15px 10px 15px; } .right_block{ width:270px; float:right; padding:5px 20px 10px 0px; } .right_blockNEW{ width:250px; float:right; padding:5px 20px 10px 0px; } .right_block_brown { width:272px; float:right; padding:20px 20px 10px 0; color:#ffffff; background:#777360 url(images/acacia_bottom.png) no-repeat right bottom; font-size:20px; } .right_block_brown a:hover{ text-decoration:underline; } .right_block_brown_noimg { width:270px; float:left; padding:10px; color:#ffffff; font-size:12px; background-color:#777360; text-align:left; } .block_wide{ width:625px; float:left; margin:10px 20px 10px 15px; padding-top:10px; border-top:1px #ededed solid; border-bottom:1px #bcbcbc dotted; } .wide_content{ width:930px; clear:both; padding:10px 15px 0 15px; border-top-width: 1px; border-top-style: dotted; border-top-color: #C4BD9E; border-right-color: #C4BD9E; border-bottom-color: #C4BD9E; border-left-color: #C4BD9E; } .wide_content2{ width:625px; clear:both; padding:5px 5px 0 5px; } .home_section_left{ width:270px; height:auto; float:left; margin:0 14px 0 14px; padding:0 10px 10px 10px; } .home_section_left p{ clear:both; } .home_section_left p span{ } img.home_section_icon{ width:63px; float:left; } h2.home_title{ width:190px; float:left; font-size:20px; padding:10px 0 0px 10px; margin:0px; color:#B52025; } .home_subtitle{ width:190px; float:left;padding:0px 0 0px 10px; font-size:12px; color:#a7a7a7; } .home_section_thumb{ float:left; clear:both; padding:2px; text-align:center;margin:10px 0 10px 0; border:1px #dcdcdc solid; } a.more{ float:right; } img.projects{ float:left; padding:2px;margin:0 10px 0 0; border:1px #dcdcdc solid; } .financial-application-form{ width:530px; float:left; padding:15px 15px 10px 15px; } .financial-application-form p{ margin-bottom:30px; } .testimonials{ width:360px; float:right; padding:20px 20px 0 0; } img.pic{ border:3px #723E41 solid; margin:5px 5px 10px 5px; } img.pic2{ border:3px #22496a solid; margin:0 0 0 0; padding-left: 5px; alignment-adjust: central; padding-right: 5px; } .home_news a{ font-size:12px; color:#c82127; text-decoration:none; border-bottom:1px #bcbcbc dotted; padding:10px 20px 5px 12px; display:block; float:left; background:url(../images/arrow.gif) no-repeat left top; background-position: 0px 13px; } .home_news a:hover{ text-decoration:underline; } input.newsletter_input{ background-color:#fdeaeb; border:1px #e2c7c8 solid; width:193px; height:18px; padding:4px; float:left; } form#newsletter{ padding:10px 0 0 0; } input.newsletter_submit{ background-color:#b52025; color:#FFFFFF; text-align:center; float:left; padding:4px 4px 3px 4px; margin:0 0 0 10px; border:1px #fdeaeb solid; cursor:pointer; } .testbox{ padding:20px 10px 5px 0; margin:0; border-bottom:1px #ededed solid; } .testbox p{ font-style:italic; } /*-----------------------contact_form-------------------*/ .form{ width:500px; height:auto; float:left; padding:20px 10px 10px 20px; border:1px #fdeaeb solid; } .form_row{ width:425px; float:left; clear:both; padding:7px 0 7px 0; } label{ width:100px; float:left; padding:3px 15px 0 0; color:#b52025; text-align:right; font-weight:bold; } input.main_input{ background-color:#fdeaeb; border:1px #e2c7c8 solid; width:300px; height:18px; padding:4px; float:left; } textarea.main_textarea{ background-color:#fdeaeb; border:1px #e2c7c8 solid; width:300px; height:120px; padding:4px; float:left; } input.submit{ background-color:#b52025; color:#FFFFFF; text-align:center; float:right; padding:3px 10px 2px 10px; margin:0px 0 0 0; border:1px #b52025 solid; cursor:pointer; } /*-----------------------------footer------------------*/ .footer{ clear:both; width:960px; margin:auto; background:urlno-repeat center; height:65px; border-top-style: dotted; border-top-width: 1px; border-top-color: #B91C29; } .copyright{ float:left; padding:10px 2 2 50px; color:#6996c0; } .copyright a{ color: #2A1C11; text-decoration:none; } .footer_links{ float:right; padding:15px 15px 0 0; } .footer_links_centre{ float:none; padding-top: 15px; padding-right: 15px; padding-bottom: 0; padding-left: 30; } .footer_links_centre a{ text-decoration:none; color: #666633; padding-left:10px; } .footer_links_centre a:hover{ text-decoration:underline; color: #940D11; } .footer_links_centre a:visited{ text-decoration:none; color: #2A1C11; } .footer_links a{ text-decoration:none; color: #666633; padding-left:10px; } .footer_links a:hover{ text-decoration:underline; color: #940D11; } .footer_links a:visited{ text-decoration:none; color: #2A1C11; } .bullet { font-family: Arial, Helvetica, sans-serif; height: inherit; padding-left: 8px; } /* * generated by WOW Slider 2.8 * template Shady */ #wowslider-container2 { zoom: 1; position: relative; max-width:640px; margin:0px auto 0px; z-index:90; border:none; text-align:left; /* reset align=center */ } * html #wowslider-container2{ width:640px } #wowslider-container2 .ws_images ul{ position:relative; width: 10000%; height:auto; left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow: visible; /*table-layout:fixed;*/ } #wowslider-container2 .ws_images ul li{ width:1%; line-height:0; /*opera*/ float:left; font-size:0; padding:0 0 0 0 !important; margin:0 0 0 0 !important; } #wowslider-container2 .ws_images{ position: relative; left:0; top:0; width:100%; height:100%; overflow:hidden; } #wowslider-container2 .ws_images a{ width:100%; display:block; color:transparent; } #wowslider-container2 img{ max-width: none !important; } #wowslider-container2 .ws_images img{ width:100%; border:none 0; max-width: none; padding:0; } #wowslider-container2 a{ text-decoration: none; outline: none; border: none; } #wowslider-container2 .ws_bullets { font-size: 0px; float: left; position:absolute; z-index:70; } #wowslider-container2 .ws_bullets div{ position:relative; float:left; } #wowslider-container2 a.wsl{ display:none; } #wowslider-container2 .ws_bullets { padding: 10px; } #wowslider-container2 .ws_bullets a { margin-left:4px; width:22px; height:20px; background: url(../bullet.png) left top; float: left; text-indent: -4000px; position:relative; color:transparent; } #wowslider-container2 .ws_bullets a.ws_selbull, #wowslider-container2 .ws_bullets a:hover{ background-position: 0 100%; } #wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev { position:absolute; display:none; top:50%; margin-top:-28px; z-index:60; height: 50px; width: 51px; background-image: url(../arrows.png); /*max-height:20%; max-width:12%; background-size:200% 200%;*/ } #wowslider-container2 a.ws_next{ background-position: 100% 0; right:10px; } #wowslider-container2 a.ws_prev { left:10px; background-position: 0 0; } #wowslider-container2 a.ws_next:hover{ background-position: 100% 100%; } #wowslider-container2 a.ws_prev:hover { background-position: 0 100%; } * html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block} #wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev {display:block} /* bottom center */ #wowslider-container2 .ws_bullets { top:0; right: 0; } #wowslider-container2 .ws-title{ position: absolute; bottom:7%; left: 0; margin-right:10px; z-index: 50; color: #F9FBFB; text-transform:uppercase; font-family: Franklin Gothic Medium,sans-serif; font-size: 18px; line-height: 18px; } #wowslider-container2 .ws-title div,#wowslider-container2 .ws-title span{ display:inline-block; padding:10px; background:#2a2a2a; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); } #wowslider-container2 .ws-title div{ display:block; margin-top:10px; font-size: 13px; text-transform:none; } #wowslider-container2 .ws_thumbs { font-size: 0px; position:absolute; overflow:auto; z-index:70; } #wowslider-container2 .ws_thumbs a { position:relative; text-indent: -4000px; color:transparent; opacity:0.85; } #wowslider-container2 .ws_thumbs a:hover{ opacity:1; } #wowslider-container2 .ws_thumbs a:hover img{ visibility:visible; } #wowslider-container2 .ws_thumbs { left: -141px; top: 0; width:136px; height:100%; } #wowslider-container2 .ws_thumbs div{ position:relative; width:100%; } #wowslider-container2 .ws_thumbs .ws_selthumb img{ border-color:#444; } #wowslider-container2 .ws_thumbs a img{ margin:3px; text-indent:0; -moz-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; border: 5px solid #a4a4a4; max-width:none; } #wowslider-container2 .ws_shadow{ background: url(../shadow.png) left 100%; background-size:100%; width:140%; height:45%; position: absolute; left:-21.7%; bottom:-30%; z-index:-1; } * html #wowslider-container2 .ws_shadow{/*ie6*/ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine2/shadow.png', sizingMethod='scale'); } *+html #wowslider-container2 .ws_shadow{/*ie7*/ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine2/shadow.png', sizingMethod='scale'); } #wowslider-container2 .ws_bullets a img{ text-indent:0; display:block; top:16px; left:-60px; visibility:hidden; position:absolute; -moz-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; border: 5px solid #a4a4a4; max-width:none; } #wowslider-container2 .ws_bullets a:hover img{ visibility:visible; } #wowslider-container2 .ws_bulframe div div{ height:67px; overflow:visible; position:relative; } #wowslider-container2 .ws_bulframe div { left:0; overflow:hidden; position:relative; width:120px; background-color:#a4a4a4; } #wowslider-container2 .ws_bullets .ws_bulframe{ display:none; top:20px; overflow:visible; position:absolute; cursor:pointer; -moz-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; border: 5px solid #a4a4a4; } #wowslider-container2 .ws_bulframe span{ display:block; position:absolute; top:-10px; ; left:60px; background:url(../triangle.png); width:15px; height:6px; } h2_white { color: #FFFFFF; } I will be forever grateful in any help I can get! THANK U!
  12. Hello! New to this and CSS so please bear with me This (and other files with same CSS and template) looks fine in Safari but not in Firefox and Chrome http://maranorth.com/html/conservation.html Top right area sticks out of the margins of the white area (screenshot and file attached) Need help in sorting out the glitch in my (messy) css file: @charset "UTF-8"; /* CSS Document */mnc-style.css body { #background:url(images/bg2.jpg) ; margin:0px; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; } p{ text-align:left; line-height:19px; padding:0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } h_white{ padding:5px 3px 5px 3px; margin:0px; color:#FFFFFF; font-size:15px; font-weight:normal; text-align: left; border-bottom: dotted; border-bottom-style: dotted; border-bottom-width: 1px; } h2{ padding:0px 0 10px 0; margin:0px; color:#B52025; font-size:20px; font-weight:normal; text-align: left; } h3 a{ text-decoration:none; color: #666633; padding-left:10px; } h3{ padding:5px 3px 5px 3px; margin:0px; color:#666600; font-size:15px; font-weight:normal; text-align: left; /*-----------------------------no line------------------*/ border-bottom-style: none; /*-----------------------------no line------------------*/ border-bottom-width: 1px; /*-----------------------------no line------------------*/ border-bottom-length: 90% } h4{ margin:4px; color:#B52025; font-size:14px; font-weight:normal; text-align: left; font-family: Verdana, Geneva, sans-serif; } h5{ padding:5px 5 10px 5; margin:0px; color:#FFFFFF; font-size:20px; font-weight:normal; text-align: left; font-family: Verdana, Geneva, sans-serif; } .header_redback{ padding:3px; margin:0px; color:#FFFFFF; font-size:16px; font-weight:normal; text-align: left; background: #B52025; } .clear{ clear:both; } #wrap{ width:977px; margin:20px auto auto auto; } .top_corner{ width:976px; height:10px; background:url(../images/top_bg.gif) no-repeat center bottom; } #main_container{ width:977px; background:url(../images/center_bg_repeat.gif) repeat-y center; } #header{ width:970px; margin:auto; height:70px; } #logo{ padding:10px 0 0 20px; float:left; } /*----------------------menu-------------------------*/ #menu{ width:400px; float:right; padding:20px 0 0 0; } #menu ul{ list-style:none;padding:0px;margin:0px;display:block; } #menu ul li{ list-style:none;display:inline;float:left;width:auto;padding:0px;font-size:12px; } #menu ul li a{ float:left;text-decoration:none;padding:0px 5px 0 5px; margin:0px 4px 0 4px;color:#000;text-align:center; height:31px; line-height:31px; } #menu ul li a:hover{ background-color:#b52025;color:#fff; } #menu ul li a.current{ float:left;text-decoration:none;padding:0px 5px 0 5px; margin:0px 4px 0 4px;color:#fff;text-align:center; height:31px; line-height:31px; background-color:#b52025; } /*-----------------middle_banner----------------------------*/ .middle_banner{ width:977px; height:304px; background:url(../images/middle_banner_bg.gif) no-repeat center; } /*----------------------slider---------------------------*/ .featured_slider { width:965px; margin:auto; float:left; margin:18px 0 0 6px; } ul, li{ padding:2px; margin:2px; } /** ----------------------------------------------------- **/ #featured_border { position: relative; border: none; padding:0px; height:280px; margin: 0px; } #featured_wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; } #featured_images { position: absolute; left: 0; top: 0; } #featured_images li { float: left; } #featured_positioner_desc { width:965px; height: 280px; position: absolute; top: 0px; left: 0px; } #featured_wrapper_desc { width: 100%; height:280px; position: relative; overflow: hidden; } #featured_desc { position: absolute; left: 0; bottom: 0; padding:0px; margin:0px; } #featured_desc li { width: 965px; float: left;padding:0px; margin:0px; } #featured_desc li div { margin:0px 0 0px 0px; padding:10px; width:945px; background: url(../images/featured-desc-bg.png); } #featured_desc li h2 { color:#FFFFFF; font-size:18px; padding:0px 0 5px 0; margin:0px; } #featured_desc li p { color:#FFFFFF; font-size:12px; padding:0px 0 10px 0; margin:0px; line-height:18px; } #featured_buttons { position: absolute; top: 15px; right: 15px; width: auto; padding:0; list-style:none;} #featured_buttons li { width: 22px; height: 22px; background: url(../images/featured-button-off.png); float: left; margin-left: 3px; text-align:center; font-size:12px; color:#FFFFFF; line-height:22px; cursor: pointer; } #featured_buttons li.clicked { background: url(../images/featured-button-on.png); } /**/ /*-------------------------------*/ .center_content{ width:945px; clear:both; padding: 10px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; text-align: center; } .center_content_pages{ width:930px; clear:both; margin:auto; padding-top: 10px; padding-right:10px; padding-bottom: 10px; padding-left: 15px; background:url(../images/center_bg_pages.gif) no-repeat center top; } .center_content_pages_original{ width:960px; clear:both; margin:auto; padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px; background:url(../images/center_bg_pages.gif) no-repeat center top; } .center_content_centered{ width:560px; clear:both; margin:auto; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .center_content_pages_noimage_old { width:930px; clear:both; (!)padding:10px 5 10px 0; border-top-width:1px; border-top-color:#C4BD9E; margin: auto; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; } .center_content_pages_noimage { width:900px; clear:both; margin:auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 15px; } h2_white { padding:10px 10px 10px 0; margin:0px; color:#ffffff; font-size:20px; font-weight:normal; text-align:left; } .home_subtitle_white { width:230px; float:left; font-size:13px; color:#feffff; padding-top:0px; padding-right:0; padding-bottom:5px; padding-left:10px; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#C4BD9E; } .home_subtitle_bullet { width:190px; float:left; padding:0px 0 0px 10px; font-size:13px; color:#fff5e5; list-style-position:outside; } .custom li.beads { list-style-type: none; height: 46px; padding-left: 40px; } .left_content{ width:660px; float:left; padding-top: 15; padding-right: 10; padding-bottom: 10; padding-left: 15; } .left_block{ width:295px; float:left; padding:10px 5px 5px 5px; } .left_block_original{ width:295px; float:left; padding:20px 20px 10px 15px; } .right_block_original{ width:280px; float:right; padding:20px 20px px 0; } .block_wide_original{ width:625px; float:left; margin:10px 20px 10px 15px; padding-top:10px; border-top:1px #ededed solid; } .wide_content_original{ width:930px; clear:both; padding:10px 15px 0 15px; } .left_block_2{ width:600px; float:left; padding:5px 5px 5px 5px; border-bottom:1px #bcbcbc dotted; } .left_block_3{ width:400px; float:left; padding:5px 5px 5px 5px; } .left_block_wide_bottom_dotted{ width:95%; float:left; padding:15px 15px 10px 15px; border-bottom:1px #bcbcbc dotted; } .left_block_wide_bottom_clear{ width:95%; float:left; padding:15px 15px 10px 15px; } .right_block{ width:270px; float:right; padding:5px 20px 10px 0px; } .right_blockNEW{ width:250px; float:right; padding:5px 20px 10px 0px; } .right_block_brown { width:272px; float:right; padding:20px 20px 10px 0; color:#ffffff; background:#777360 url(images/acacia_bottom.png) no-repeat right bottom; font-size:20px; } .right_block_brown a:hover{ text-decoration:underline; } .right_block_brown_noimg { width:270px; float:left; padding:10px; color:#ffffff; font-size:12px; background-color:#777360; text-align:left; } .block_wide{ width:625px; float:left; margin:10px 20px 10px 15px; padding-top:10px; border-top:1px #ededed solid; border-bottom:1px #bcbcbc dotted; } .wide_content{ width:930px; clear:both; padding:10px 15px 0 15px; border-top-width: 1px; border-top-style: dotted; border-top-color: #C4BD9E; border-right-color: #C4BD9E; border-bottom-color: #C4BD9E; border-left-color: #C4BD9E; } .wide_content2{ width:625px; clear:both; padding:5px 5px 0 5px; } .home_section_left{ width:270px; height:auto; float:left; margin:0 14px 0 14px; padding:0 10px 10px 10px; } .home_section_left p{ clear:both; } .home_section_left p span{ } img.home_section_icon{ width:63px; float:left; } h2.home_title{ width:190px; float:left; font-size:20px; padding:10px 0 0px 10px; margin:0px; color:#B52025; } .home_subtitle{ width:190px; float:left;padding:0px 0 0px 10px; font-size:12px; color:#a7a7a7; } .home_section_thumb{ float:left; clear:both; padding:2px; text-align:center;margin:10px 0 10px 0; border:1px #dcdcdc solid; } a.more{ float:right; } img.projects{ float:left; padding:2px;margin:0 10px 0 0; border:1px #dcdcdc solid; } .financial-application-form{ width:530px; float:left; padding:15px 15px 10px 15px; } .financial-application-form p{ margin-bottom:30px; } .testimonials{ width:360px; float:right; padding:20px 20px 0 0; } img.pic{ border:3px #723E41 solid; margin:5px 5px 10px 5px; } img.pic2{ border:3px #22496a solid; margin:0 0 0 0; padding-left: 5px; alignment-adjust: central; padding-right: 5px; } .home_news a{ font-size:12px; color:#c82127; text-decoration:none; border-bottom:1px #bcbcbc dotted; padding:10px 20px 5px 12px; display:block; float:left; background:url(../images/arrow.gif) no-repeat left top; background-position: 0px 13px; } .home_news a:hover{ text-decoration:underline; } input.newsletter_input{ background-color:#fdeaeb; border:1px #e2c7c8 solid; width:193px; height:18px; padding:4px; float:left; } form#newsletter{ padding:10px 0 0 0; } input.newsletter_submit{ background-color:#b52025; color:#FFFFFF; text-align:center; float:left; padding:4px 4px 3px 4px; margin:0 0 0 10px; border:1px #fdeaeb solid; cursor:pointer; } .testbox{ padding:20px 10px 5px 0; margin:0; border-bottom:1px #ededed solid; } .testbox p{ font-style:italic; } /*-----------------------contact_form-------------------*/ .form{ width:500px; height:auto; float:left; padding:20px 10px 10px 20px; border:1px #fdeaeb solid; } .form_row{ width:425px; float:left; clear:both; padding:7px 0 7px 0; } label{ width:100px; float:left; padding:3px 15px 0 0; color:#b52025; text-align:right; font-weight:bold; } input.main_input{ background-color:#fdeaeb; border:1px #e2c7c8 solid; width:300px; height:18px; padding:4px; float:left; } textarea.main_textarea{ background-color:#fdeaeb; border:1px #e2c7c8 solid; width:300px; height:120px; padding:4px; float:left; } input.submit{ background-color:#b52025; color:#FFFFFF; text-align:center; float:right; padding:3px 10px 2px 10px; margin:0px 0 0 0; border:1px #b52025 solid; cursor:pointer; } /*-----------------------------footer------------------*/ .footer{ clear:both; width:960px; margin:auto; background:urlno-repeat center; height:65px; border-top-style: dotted; border-top-width: 1px; border-top-color: #B91C29; } .copyright{ float:left; padding:10px 2 2 50px; color:#6996c0; } .copyright a{ color: #2A1C11; text-decoration:none; } .footer_links{ float:right; padding:15px 15px 0 0; } .footer_links_centre{ float:none; padding-top: 15px; padding-right: 15px; padding-bottom: 0; padding-left: 30; } .footer_links_centre a{ text-decoration:none; color: #666633; padding-left:10px; } .footer_links_centre a:hover{ text-decoration:underline; color: #940D11; } .footer_links_centre a:visited{ text-decoration:none; color: #2A1C11; } .footer_links a{ text-decoration:none; color: #666633; padding-left:10px; } .footer_links a:hover{ text-decoration:underline; color: #940D11; } .footer_links a:visited{ text-decoration:none; color: #2A1C11; } .bullet { font-family: Arial, Helvetica, sans-serif; height: inherit; padding-left: 8px; } /* * generated by WOW Slider 2.8 * template Shady */ #wowslider-container2 { zoom: 1; position: relative; max-width:640px; margin:0px auto 0px; z-index:90; border:none; text-align:left; /* reset align=center */ } * html #wowslider-container2{ width:640px } #wowslider-container2 .ws_images ul{ position:relative; width: 10000%; height:auto; left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow: visible; /*table-layout:fixed;*/ } #wowslider-container2 .ws_images ul li{ width:1%; line-height:0; /*opera*/ float:left; font-size:0; padding:0 0 0 0 !important; margin:0 0 0 0 !important; } #wowslider-container2 .ws_images{ position: relative; left:0; top:0; width:100%; height:100%; overflow:hidden; } #wowslider-container2 .ws_images a{ width:100%; display:block; color:transparent; } #wowslider-container2 img{ max-width: none !important; } #wowslider-container2 .ws_images img{ width:100%; border:none 0; max-width: none; padding:0; } #wowslider-container2 a{ text-decoration: none; outline: none; border: none; } #wowslider-container2 .ws_bullets { font-size: 0px; float: left; position:absolute; z-index:70; } #wowslider-container2 .ws_bullets div{ position:relative; float:left; } #wowslider-container2 a.wsl{ display:none; } #wowslider-container2 .ws_bullets { padding: 10px; } #wowslider-container2 .ws_bullets a { margin-left:4px; width:22px; height:20px; background: url(../bullet.png) left top; float: left; text-indent: -4000px; position:relative; color:transparent; } #wowslider-container2 .ws_bullets a.ws_selbull, #wowslider-container2 .ws_bullets a:hover{ background-position: 0 100%; } #wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev { position:absolute; display:none; top:50%; margin-top:-28px; z-index:60; height: 50px; width: 51px; background-image: url(../arrows.png); /*max-height:20%; max-width:12%; background-size:200% 200%;*/ } #wowslider-container2 a.ws_next{ background-position: 100% 0; right:10px; } #wowslider-container2 a.ws_prev { left:10px; background-position: 0 0; } #wowslider-container2 a.ws_next:hover{ background-position: 100% 100%; } #wowslider-container2 a.ws_prev:hover { background-position: 0 100%; } * html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block} #wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev {display:block} /* bottom center */ #wowslider-container2 .ws_bullets { top:0; right: 0; } #wowslider-container2 .ws-title{ position: absolute; bottom:7%; left: 0; margin-right:10px; z-index: 50; color: #F9FBFB; text-transform:uppercase; font-family: Franklin Gothic Medium,sans-serif; font-size: 18px; line-height: 18px; } #wowslider-container2 .ws-title div,#wowslider-container2 .ws-title span{ display:inline-block; padding:10px; background:#2a2a2a; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); } #wowslider-container2 .ws-title div{ display:block; margin-top:10px; font-size: 13px; text-transform:none; } #wowslider-container2 .ws_thumbs { font-size: 0px; position:absolute; overflow:auto; z-index:70; } #wowslider-container2 .ws_thumbs a { position:relative; text-indent: -4000px; color:transparent; opacity:0.85; } #wowslider-container2 .ws_thumbs a:hover{ opacity:1; } #wowslider-container2 .ws_thumbs a:hover img{ visibility:visible; } #wowslider-container2 .ws_thumbs { left: -141px; top: 0; width:136px; height:100%; } #wowslider-container2 .ws_thumbs div{ position:relative; width:100%; } #wowslider-container2 .ws_thumbs .ws_selthumb img{ border-color:#444; } #wowslider-container2 .ws_thumbs a img{ margin:3px; text-indent:0; -moz-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; border: 5px solid #a4a4a4; max-width:none; } #wowslider-container2 .ws_shadow{ background: url(../shadow.png) left 100%; background-size:100%; width:140%; height:45%; position: absolute; left:-21.7%; bottom:-30%; z-index:-1; } * html #wowslider-container2 .ws_shadow{/*ie6*/ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine2/shadow.png', sizingMethod='scale'); } *+html #wowslider-container2 .ws_shadow{/*ie7*/ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine2/shadow.png', sizingMethod='scale'); } #wowslider-container2 .ws_bullets a img{ text-indent:0; display:block; top:16px; left:-60px; visibility:hidden; position:absolute; -moz-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; border: 5px solid #a4a4a4; max-width:none; } #wowslider-container2 .ws_bullets a:hover img{ visibility:visible; } #wowslider-container2 .ws_bulframe div div{ height:67px; overflow:visible; position:relative; } #wowslider-container2 .ws_bulframe div { left:0; overflow:hidden; position:relative; width:120px; background-color:#a4a4a4; } #wowslider-container2 .ws_bullets .ws_bulframe{ display:none; top:20px; overflow:visible; position:absolute; cursor:pointer; -moz-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; border: 5px solid #a4a4a4; } #wowslider-container2 .ws_bulframe span{ display:block; position:absolute; top:-10px; ; left:60px; background:url(../triangle.png); width:15px; height:6px; } h2_white { color: #FFFFFF; } I will be forever grateful in any help I can get! THANK U!
  13. Hello! New to this and CSS so please bear with me This (and other files with same CSS and template) looks fine in Safari but not in Firefox and Chrome http://maranorth.com/html/conservation.html Top right area sticks out of the margins of the white area (screenshot and file attached) Need help in sorting out the glitch in my (messy) css file (attached) I will be forever grateful in any help I can get! THANK U! mnc-style.css
  14. Hi! I'm experiencing a wierd thing when I open my website in Firefox and Opera. The images loading in with a preloader is shown at actual size shortly before resizing to percentage-size according to my CSS. In Chrome the images appear as they should right from the start. What's the problem here?http://mace.macework.se/trycksaker/ Grateful for help!Thanks
  15. Hi All, I recently started to have issues with my website, uHeadphones.Com, only in the Firefox browser. On my index page the icon for my top vendor's (Aerial7, AudioFly, Plantronics, Sony, WeSC) is intruding in my category bar(in-ear, over-ear, bluetooth..etc, etc.). Does anybody know what my issue could be? This is only happening to me in Firefox. Thank You
  16. I'm having issues with this website I'm working on (temporary location for sharing): http://zach-php.host-ed.me/sjucc_new/ In Firefox and Chrome, it's coming up exactly how I want it to. However, when it comes to IE, it will push the Church's info and the marquee past the right side of the viewable page (i.e. you have to scroll right to see it), and the border is around the page, not at the width I set it to and the height to only surround the main content of the page. I've tried messing around with other DOCTYPEs, but can't seem to get anything to work properly. I'm sure I have something wrong in the CSS that I'm overlooking. It would help to have a fresh set of eyes. One last thing, only the index page is online. I won't get started with the other pages on the site until the format is correct with all three browsers. Thanks in advance! - Zach
  17. Hi, im having a little problem with a css menu bar displaying correctly on internet explorer but on firefox not showing it correctly. the problem is that the color I set on the css code is a red one, but firefox shows a blue color. I tried with other browsers to see if there was a problem with the code but for chrome,safari an ie the color shows correctly, having only firefox with the bad color displayed. Here is the code of the menu bar on the css: #menu {list-style:none;width:1160px;margin:30px auto 0px auto;height:43px;padding:0px 20px 0px 20px;/* Rounded Corners */ -moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;/* Background color and gradients */ background: #C81F18;background: -moz-linear-gradient(top, #0272a7, #013953);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953)); I looked everywhere on the code to see if there is a misplaced color or a syntax error but haven't found it. Thanks in advanced for your time and help.
  18. ok i need some help please. Web site looks fine in Firefox But not in IE villagrande-texmex.com the bottom is in white,can someone let me know how i can fix this problem or guide me the correct way '~' Thanks Jay
  19. web site looks fine in firefox but not in IE -suggestions to make it better http://villagrande-texmex.comhttp://villagrande-texmex.com
  20. http://www.youtube.com/watch?v=vBmqUDbVb60&feature=youtu.be i made a video
  21. Hello everone. The situation: I got images that I want to give a "max-width" attribute in CSS, so they don't mess up my screen. This works great in IE, Google Chrome and Safari, but seems to get messed up in Firefox and Opera (and old IE browsers) The code: The CSS: .tienjaar {max-width: 80%;display: block;margin-left: auto;margin-right: auto;} The html/php: <img class="tienjaar" src="some/img/url.png" alt="some alt text"/> The example: http://www.hondenvri...p?&loc=timelineI Test it in both Google Chrome and Firefox if possible, try to resize the screen, you'll see that the rightern box goes 'beyond' the screen. I am 100% sure that it is because of the images. Extra information: I am aware that I could just put a "width" instead of a "max-width", but that would mean stretching my images when they're smaller, which I prefer not to do. If you got any solution for this, thanks already!GreetingsJordumus
  22. Good day my friends, Here is the problemMy site opens (visualy) perfectly in Opera and IE9, but in firefox it moves the like buttons a little, and chrome moves the whole page around...Look at what I'm talking about http://Tuinadviesruud.nl ...Yes it is aired, and it should not be down. This has to be fixed ;/ I messed up the style pretty bad, I know no languages, thats why I messed it up. I can't seem to get it right. If you think you can easily solve this tell me!! I can also send you the style and index if you want to help me.Thanks, Haj
  23. http://jsfiddle.net/xu79m/
  24. 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
  25. 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!