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

Calendars

  • Community Calendar

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. 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/
  2. The Edge browser displays the content.html example. The Chrome browser does not display the content.html example.
  3. 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<
  4. 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.s
  5. 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 iso
  6. 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
  7. 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 su
  8. 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!
  9. 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
  10. 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 wron
  11. 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
  12. 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:
  13. 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
  14. 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?
  15. 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?
  16. 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
  17. 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 e
  18. 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/
  19. 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: relati
  20. 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
  21. 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; p
  22. 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; p
  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. 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/
  25. 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
×
×
  • Create New...