Search the Community

Showing results for tags 'chrome'.



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 29 results

  1. 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.
  2. 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
  3. 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>
  4. 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!
  5. 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
  6. 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.
  7. 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.
  8. 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!!!
  9. 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
  10. 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?
  11. 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?
  12. 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 () ???
  13. 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!
  14. 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/
  15. 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.
  16. 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?
  17. 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!
  18. 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!
  19. 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
  20. So basically i would like my navigation to be on all browsers except IE 0 to 6 <![if !IE]> //So this would also have to have from ie 7 to latest <!--[if IE]> //This from ie stone age to ie 6 Site: http://mudsaf.info/
  21. I have "my html" guy working on my site and we're finishing up and I look at the site on my iPhone, Safari and Firefox and they all look good and look the same. But, when I looked at Google Chrome, the picture that I have on the site doesn't appear. Can you explain why this might be happening and what we (my html guy) must do to correct this? Also, in the future, is there a way to insure that my site will behave correctly on all browsers without having to test each one independently? The site(s)www.5dayweightloss.infowww.chrisdawkins.usana.com
  22. 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
  23. Hi everyone! I need help for transforming XML in to XHTML using XSLT. I can do everything i need in XSLT and it works on every Browser except in Google Chrome. I read that this is not a strange thing... Google do this intentionally for keep hight security level... Is this true?Are there something that I can do for resolve this problem?
  24. We have a web page that has a dark background and in IE, the black lettering is on dark background and you can't read it. In other browsers such as Chrome & Firefox, it displays correctly, the box that has the text is white and the lettering is black. My co-web-designer is telling me that Microsoft & Apple do not follow the rules and there is nothing you can do about it. I disagree there has to be a solution. The other day I edited one of the pages and it looked fine white box, black lettering, everything looked fine on my comptuer with all 3 browsers. i go back today and it has reverted back to the text box having the background of the entire web page and so is unreadable. I would like to know --- does IE truly not follow the rules? Is there no solution to this problem? If we change the background does that interfere with php programming? Thank you,Deb
  25. 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