Jump to content

Search the Community

Showing results for tags 'chrome'.

  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

  1. I am a developer and want to know about some best extensions that could help me in increasing my productivity as a developer.
  2. As the title suggests, the site that I have just finished and delivered, therefore also online, works perfectly on all browsers except safari. I can't understand what the problem is. Do you have any ideas ?? On the home page, the parallax effect "vibrates" tremendously, almost causing nausea. here the link of the page, to understand what I mean, open them with google chrome (fluid and perfect site) and then check with safari. Homepage www.teamcobram.com if it were useful I could also post the code, but you can find it on the site without problems. many thanks in advance
  3. Hi all, how are we? I'm have issues with a font on my website, i've only just start here >>> https://crtest1.co.uk/ I used font squirrel to convert my font, i've done this many times before, never seen the issue i'm having... @font-face{ font-family: 'angelfaceregular'; src: url('/wp-content/uploads/2020/fonts/angelface-3-webfont.eot'); src: url('/wp-content/uploads/2020/fonts/angelface-3-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/uploads/2020/fonts/angelface-3-webfont.woff') format('woff'), url('/wp-content/uploads/2020/fonts/angelface-3-webfont.ttf') format('truetype'), url('/wp-content/uploads/2020/fonts/angelface-3-webfont.svg') format('svg'); } h1 { font-family: 'angelfaceregular'; } it displays fine in firefox and safari the problem is some of the letters are displayed as only outlines in chrome. can anyone help me please? thank you in advance, and stay safe!
  4. The Edge browser displays the content.html example. The Chrome browser does not display the content.html example.
  5. BACKGROUND: The same HTML/CSS set-up produces different results in different browsers. In this case Firefox and Safari agree, but Chrome does not. I have no idea how the following looks in Internet Explorer. The problem is one of horizontal alignment. For some reason Chrome forces the second input form control (type='submit') to the following line. Surely I could resolve the problem with Flexbox, but I would like to know what is going on instead. The HTML <div id="search_podcast_div"> <div id='podcast_header'> <h1 style='padding-top:1em;'>The Onsite<br />Grammar Captive<br /><span style='font-family:Bradley Hand, cursive;font-size:1.8em;color:#5a4149'>Weekly Podcasts</span><br />Search Engine</h1> <form id='podcast_searchform'> <fieldset id='podcast_field'> <legend>Search and Find</legend> <input id='podcast_input' type="text" class='SearchInput' placeholder='Enter keywords and phrases here ...' name='search_podcast_input' required> <input id='podcast_submit' type="button" class='SearchButton' value="Search"> </fieldset><!-- end fieldset#podcast_field --> <label id="podcast_input_error" class="error" for="podcast_input">Please enter what interests you. Else, there is nothing to search.</label> <p class='Hint'><span class='InlineHeading'>search guide</span>: A phrase surrounded by <em>double</em>-quotation marks<br />returns only those podcasts that contain the exact phrase.</p> </form> </div><!-- end div#podcast_header --> <div id='podcast_matches'>Your matches will display here ...</div><!-- end div#podcast_matches --> </div><!-- end #search_podcast_div --> The CSS #letter_header h1, #podcast_header h1, #qa_header h1 { text-align: left; } #letter_searchform, #podcast_searchform, #qa_searchform { background: linear-gradient(60deg, #5a4149, #f0efef); /* Standard syntax */ text-align: center; width:auto; margin: 2.5em auto 1.5em auto; padding-top: 1.5em; padding-bottom: 1.5em; } #letter_field, #podcast_field, #qa_field { margin-left: 0.5em; margin-right: 0.5em; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } #letter_field legend, #podcast_field legend, #qa_field legend { color: #ffffff; } .SearchInput { margin: 0em 0.5em 0em 1em; width: 80%; border-radius: 15%; } .SearchInput:focus { background: #5a4149; color: #ffffff; border: 1px solid #ffffff; } .SearchButton { margin-right: 1em; border-radius: 5px; color:#5a4149; } .SearchButton:hover { background-color:#5a4149; color:#ffffff; } label.error { display:block; /* clear:both; float:right; */ color:#fadb9d; font-size:0.8em; font-weight:bold; margin-top:0.5em; margin-bottom:0.5em; } .Hint { font-size: 0.6em; color: #ffffff; font-weight: bold; } .InlineHeading { font-variant: small-caps; } jsRoddy You can view the resulting phenomenon by clicking on either Newsletters or Podcasts under the subheading Search Grammar Captive in the navigation bar of the Grammar Captive mainpage.
  6. function createCookie(name,value,days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days*24*60*60*1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + escape(value) + expires + "; path=/"; } function user_login() { var uname = document.getElementById('input-loginname-homepage').value; var psw = document.getElementById('input-loginpassword-homepage').value; var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { if(this.responseText != "ERR") { var array = this.responseText.split("|"); createCookie("cookie_user_uname",array[0],365); createCookie("cookie_user_psw",array[1],365); } } } xmlhttp.open('POST', 'ajax/login.php?uname=' + uname + '&psw=' + psw, true); xmlhttp.send(); } Other browser working fine. Chrome just seems to not create the cookies. Chrome Version 61.0.3163.100 And no I am not trying to access the page locally (file://...) It`s an up an running website on the web. (https://...) Returned stuff via AJAX from login.php ist like "randomusername|$2y$12$bH/yQet2GxEae00PUUKmIedtkxaHZCiR5csyAzz3/3J..." Thank you!
  7. Hello, I would like to define non-replaceable references/getters to the innerWidth and innerHeight properties of window, or whatever they reference and are updated by. This is because currently, I can very easily re-assign, delete or re-define these properties to any other value making them unreliable if they were accidentally tampered with. Research In Mozilla, Object.getOwnPropertyDescriptor(window, x) where x is innerWidth or innerHeight, returns a descriptor of a configurable and enumerable property with a getter and setter containing functions that I can retrieve, bind to window and isolate. However, in Chrome, the function returns a descriptor of a property that does not contain a getter or setter, but rather a value, that magically updates when the inner window is resized given that the property has never been manually re-assigned, re-defined or deleted. Reading Mozilla Developer Network, I have found the specification that describes these two properties is that of the CSS Object Model ( link: https://drafts.csswg.org/cssom-view/#dom-window-innerwidth ). In this specification I have located the `partial interface Window` which defines these view-port properties as `[Replaceable] readonly attribute long` where the [Replaceable] means that the property can be re-assigned and will continue to indefinitely reference the new re-assigned value whilst keeping the same property name, despite it being read-only. This explains the behavior I have seen in Chrome, however there seems to be no means to extract a function or generate a reference that I could potentially hide in a closure or a block and (not 100% but mostly) reliably use it as the true width and height of the inner-window in pixels. Seeing as I can expose and isolate a getter in Mozilla, is there any (perhaps other) way to utilise a slightly safer means of getting the innerWidth and innerHeight of window? Because in terms of JavaScript, the two properties seem to be magical in how they update as doing something like Object.defineProperty(window, 'innerWidth', Object.assign(Object.getOwnPropertyDescriptor(window, 'innerWidth'), {writable: false, configurable: false}) does the same thing as re-assigning and then freezing the property afterward; nothing. Kind Regards, Augustas.
  8. Hi Everybody! I'm newbie in this forum. Forgive me my english, I'm still learning. Look at this example: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_anim_margin When I added "p { border: 1px solid red; }" into the <style></style> I saw a red new line below the first paragraph. So I checked it by google chrome tool for developer (Ctrl + Shift + I). There was an added <p></p> and I don't understand why, because it isn't into the code. Any idea? Regards: Marek
  9. Dear all: Below is how we can collapse and uncollapse a block of text suitable for FAQ or other similar effects, using HTML5. It seems it is supported by Chrome so far. The browser, however, will automatically highlight the output of the <summary> tag with a box. Is there a way of removing such box? Thanks. <!DOCTYPE html> <html> <body> <article class="collapsible_faq"> <details> <summary>Why do You Operate this Type of Business?</summary> <p>This is a feature of collapsing and uncollapsing a block of text using HTML5. It is just supported by chrome so far and Safari has started working on it. You should click on the little arrow to the left to collapse and uncollapse the text. </p> </details> <details> <summary>In Which Countries Do You Presently Work?</summary> <p>This is a feature of collapsing and uncollapsing a block of text using HTML5. It is just supported by chrome so far and Safari has starting working on it. You should click on the little arraow to the left to collapse and uncolapse the text. </p> </details> </article> </body> </html>
  10. I have a website, WWW.TriStateCasinoParties.com. The contact form works perfectly in IE but doesn't work at all in Chrome. No fansy stuff, just simple html tags and css sheets. Could use suggestion!
  11. As you can see by the screenshot I have an unwanted horizontal scroll bar. The styles are below: #container { width: 100%; background: #fff; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } #header { background: #fff; padding: 20px; height: 1%; } .header_right { background-color: #fff; float: right; height: 2%; display: inline; margin-bottom: 0px; } #header h1 { margin: 0; } #navigation { float: left; width: 100%; background: #333; } #navigation ul { margin: 0; padding: 0; } #navigation ul li { list-style-type: none; display: inline; } #navigation li a { display: block; float: left; padding: 5px 10px; color: #fff; text-decoration: none; border-right: 1px solid #fff; } #navigation li a:hover { background: #383; } #topspace { clear: both; background:#fff; text-align: right; padding: 10px; height: .25%; } #bottomspace { clear: both; background:#fff; text-align: left; padding: 10px; height: 0.15%; } /*Flyout CSS menu */ #flyout_menu { font-weight: 600; width: 200px; float: left; } #flyout_menu ul, li { list-style: none; margin: 0; padding: 0; } #flyout_menu ul li.hover, #flyout_menu ul li:hover { position: relative; z-index: 599; } #flyout_menu ul ul{ visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; } #flyout_menu ul li:hover > ul { visibility: visible; } #flyout_menu ul ul { top: 0; left: 100%; } #flyout_menu span, #flyout_menu a { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; } #flyout_menu li { background-color: #333333; } #flyout_menu li:hover, #flyout_menu li.active { background-color: #666666; } #flyout_menu a { color: #FFF; line-height: 160%; padding: 16px 8px 16px 28px; width: 164px; } #flyout_menu ul ul li { background: #006C6C; border-bottom: 1px solid #007171; } #flyout_menu ul ul li:hover { background-color: #999999; } /* end of flyout menu */ #content-container1 { float: left; width: 100%; background: #fff url(/wp-content/uploads/layout-three-liquid-background1.gif) repeat-y 20% 0; } #content-container2 { float: left; width: 100%; background: url(/wp-content/uploads/layout-three-liquid-background2.gif) repeat-y 80% 0; } #section-navigation { float: left; width: 16%; padding: 20px 0; margin: 0 2%; display: inline; } #section-navigation ul { margin: 0; padding: 0; } #section-navigation ul li { margin: 0 0 1em; padding: 0; list-style-type: none; } #content { float: right; width: 56%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0%; padding-top: 20px; padding-right: 25%; padding-bottom: 20px; padding-left: 0%; } #content h2 { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #000066; } #aside { float: right; width: 16%; padding: 20px 0; margin: 0 2% 0 0; display: inline; } #aside h3 { margin: 0; } #footer { clear: both; background: #333; text-align: right; padding: 7px; height: 1%; color: #FFFFFF; } .video { background-color: #0066CC; text-align: center; } p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; line-height: 1.25em; font-weight: normal; } Thank you in advance
  12. I tried one of w3schools tried-and-true "tryit"s in the up-to-date version of Chrome and it didn't work. Here it is: http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_draganddrop But it works in Firefox and Safari. This close-cousin demo http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_draganddrop2 also fails in Chrome but not in FF or Safari. But when I tried this similar drag and drop demo in Chrome: http://html5demos.com/drag it worked and it also works in FF and Safari. Any ideas why the two W3 demos don't work in Chrome? Maybe my Chrome preferences are slightly wrong.
  13. I have multiple div element blocks side by side and the title is the status of the item the block represents. If two have the same status then they have the same title. If the user moved between them the tooltip should disappear and reappear on the next block. This is true for Firefox and IE. For Chrome however if the user moves quickly enough the tooltip stays up but still hovering over the first item. If the element the tooltip is referring to has been left I believe it should dissapear. It seems the close is delayed slightly (probably usability) and the open also. But if the text is the same it ignores the close/open operations. I have found no workaround to this yet. I have attached a simple HTML file (chromebug.html) that shows the effect (just point to one box and not even that quickly move to the next) I'd appreciate if someone could advise how this can be done for the attached example.
  14. Hi, I am having trouble with the page bottom of my website. It is not showing consistently when viewed in different browsers. Chrome and internet explorer seem to be pretty similar, however in safari the information sometimes spills over the page bottom. What is the best way around this? Do i need to get some kind of code to get the different browsers to respect the spacing on my page? Please have a look at: http://www.mygraphicdesign.com.au/pagebottom/faq/index.html What can i do to make this display correctly at the bottom in the different browsers! Another page is: http://www.mygraphicdesign.com.au/pagebottom/index.html As an example Dont look at the other pages as they are the old site. The two posted above are my new site so only for these two pages please. The only solution i have thought of so far was to make the page bottom really really big so that at least it does not get cut off on some of the browsers, but it doesn't really look that great =( Please help!!!! I have no idea how to fix this!!!
  15. Hi to all, i hope to find some help here. This is my problem, which need urgent help. Im working on a chrome extension, VERY VERY basic. My extension block a list of "urls" so i have 2 files for my chrome extension, my manifest.json and background.js Code of manifest.json: {"name":"Stop-it","description":"app","version":"1.0,"manifest_version":2,"permissions": ["webRequest","webRequestBlocking","unlimitedStorage"],"icons":{"48":"icon.png"},"background":{"scripts": ["background.js"]},"browser_action":{"default_popup":"popup.html","default_icon":"icon.png"}} and the code of my background.js: chrome.webRequest.onBeforeRequest.addListener( function(details) {return {cancel: true};}, { urls:[ .url1, .url2, etc... ] },['blocking']); at the moment i store all the urls, inside the background.js, and thats the problem, because its a list of urls i update every week, and my urls list has 2 millions urls, so when i install my extension, and start browsing, chrome become really really slower. I really need help on this problem, the manifest.json, is perfect and work perfectly, the problem come from my background.js, how to store all those urls on the user computer, instead of the background.js, i add here a jpeg file who show the memory consumption in chrome. thanks to all
  16. Hello internet, I tried asking this question once already but there were no responses. Does this mean my question is not written well - or there are no suggestions... Here is my question... The issue of the day is this… I have a successful form that submits user information to my database through a php file. Using chrome it will send the user information to the database but will not kick out an email. This is strange. IE/Safari work just fine – but Chrome will not work. What small nuance am I missing?
  17. Hello internet! The issue of the day is this… I have a successful form that submits user information to my database through a php file. Using chrome it will send the user information to the database but will not kick out an email. This is strange. IE/Safari work just fine – but Chrome will not work. What small nuance am I missing?
  18. 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 () ???
  19. 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!
  20. 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/
  21. Okay, so my site, http://www.cleantelligent.com, has a specifically styled form in the footer. I had to use inline styling to get all the fields to show up where I need them. In Firefox and IE, it looks fantastic and all lined up. But when I opened it in Chrome, all the fields are misplaced. I tried using the following browser hack: /*Chrome Fix*/@media screen and/*!*/ (-webkit-min-device-pixel-ratio:0) {.infusion-field-footer{ float: left; padding-top: 5px;}.chromefix-fn{ position: relative; left: -200px !important; margin-top: 3px;}.chromefix-phone{ left: -6px !important; position: relative !important;}} But it's still not affecting the styling in Chrome. Any ideas here? I can post any additional code you need upon request.
  22. So I'm trying to size a bar which has size and position relative to the browser window, and so I wrote a piece of code which achieved this : /* 25 pixel hieght, 100% browser width, fixed position at the bottom of the browser */#element{ height: 25px; margin-top : calc(100vh - 25px); //Issue here with chrome position : fixed; background-color : #c8c8c8; width : 10%;} My issue is that there's a bug with google chrome, where viewpoints don't work inside calc(). Apparently the developer who wrote the code to support viewpoints in chrome hasn't worked at google for almost a year now, so according to bug reports there's no fix in sight. Any suggestions on how to work around this issue?
  23. 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
  24. 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!
  25. 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!
×
×
  • Create New...