Jump to content

Search the Community

Showing results for tags 'CSS'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








  1. I'm building a simple according from a w3 guide and I can't seem to get it to work on my wordpress website. Guide: http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_accordion_symbol I continue to get this error: (index):474 Uncaught TypeError: Cannot read property 'classList' of nullacc.(anonymous function).onclick @ (index):474 var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].onclick = function () { this.classList.toggle("active"); this.nextElementSibling.classList.toggle("show"); } } I'm jus
  2. I'm using the W3Schools Slideshow example here: http://www.w3schools.com/howto/howto_js_slideshow.asp I have links on a different page, and I'd like each of those links to open the slideshow page on a specific slide. Is there a simple way to do this without rewriting much of the existing HTML/JavaScript/CSS?
  3. Hey people out there! I'm new to this place but i wondered if anyone has the same display issue i have my website is different depending on what i type www.unclean.co.nz doesn't show the background as COVER which is a standard CSS3 rule e.g full height of browser but unclean.co.nz displays it correctly Its almost like the www is pointing to an old style sheet i uploaded ages ago Any help would be so good! I have contacted my Hosting provider as a backup thanks everyone Kind regards Andy H
  4. Greetings collegues, having these codes below: This reading the data from MySQL DB and fill it on select (don't screw the teachers are pretending to use this method) The next one is the query. The problem is if I try to select for example 2016. In my phpMyAdmin database I retrieve the value 2032. So to select some data I need to make some difference about 16 - and it works. THe problem is the registration. When I try to insert a new user (student whatever it is) and if I select 1985 on my DB results 0000, meanwhile the insert something anno_maturita = $casellaAnnoScolastico - 16 (it works).
  5. Hello there, I was hoping someone could help me shed some light. I seem to unable to centre the text and Orange button on the page http://absolutehappinessbook.review ... but only in all the instances below the heading "Chapters and Contents". It looks mostly centred; however, if you view it on a small iPhone then you can see that it is skewed more to the right, and I am looking for pixel perfection centering. If anyone can see the error of my ways I would greatly appreciate. Kind regards
  6. Hello and I desperately need some help with CSS as I am really lost and have read that CSS tutorial I don't know how many times, but something just isn't clicking. I've got the HTML down and have written a web site in HTML in Microsoft notepad, but I need a style sheet to make things look better before I upload the site to a web host. What I need is someone that really knows the CSS code and can explain things in text and not graphics as I am blind and using a screen reader and it doesn't read graphics. I think I have the basic idea of what it is supposed to do and I have the code written down
  7. Here is my code. I have two arrows and they go to the next 'slide' and previous 'slide'. For someone reason clicking the buttons doesn't 'switch slides'. Is there anything wrong? <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/b
  8. My code doesnt work the way I want it. The goal is a gradient background. I made an external style sheet. Like this: .grad{ height: 1020px; width: 1900px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,ddf1f9+35,a0d8ef+100;Blue+3D+%2318 */ background: #feffff; /* Old browsers */ background: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradien
  9. Hello I'm having a of a time getting my image element aligned in the top right corner of my web application and everything I try fails. at the top (head) of the page I'm using a navbar and below that I have an input group. I'm trying to float right an image (which is my school logo) but no matter what I do. I cant get it to sit nica and square where i want it. I provided a screen shoot of the problems I'm having and included is a code snippet. Can somebody please tell me WTH I'm doing wrong here? First part of code is NavBar and the second is input group. How would I set the logo by i
  10. Can someone tell me what I am doing wrong with the @media selector please? so far I have 3 css files, common.css works but the selector for 1024 (pc/laptops) and 420 for mobile phones. 420.css was working until I added 1024 but now the iphone, ipad and laptop just default to 1024.css. Am I missing something important? template2.html
  11. Hello everyone, I am a new member. I have a personal blog. Last night, My blog was a confusing error. After I edit my article,my Sidebar suddenly pushed down the index page. I do not understand why ? I did not edit the html of your blog. I was sit one night to try editing, but still failed. I need help now. Please help me. - This is my blog : http://newstrafficmonsoon.blogspot.com/ - This is screenshot Sorry because I'm not good at english Thank you. God bless all
  12. Hi, I'm thinking of some methods to use CSS file/s to give user options to change the web page style. For example, find the "Change Theme" link on the right-bottom corner of this forum page. Once user click an option, the web page style will changed to another CSS file. Some ways came up in mind: way 1: // on the HTML head: <link id="theme" rel="stylesheet" href="style1.css"> function change_style(){ theme.removeAttribute( "href" ); theme.setAttribute( "href", option.value + ".css" ); } way 2: <!-- on the CSS file --> .style1 { } .style2 { } /* on JS file *
  13. siam

    Please Help

    I decide to create a social site and want to income from my site. but i don't know how can i income from my site without useing any advertisement. have any best hosting company and domain company, can pay their client for using there service ? please help.
  14. ladytf

    style tag <figure>

    hello, i don't find a any topic about this, so i'm start this one. i'm using a tag figure and the figcaption, but i have multiple imagens with a legend each one. when i do this the images apears one after another in a second line and i like to do all in same line. what i need to change? apologize my english i don't write very well, and what i know about code i learn alone
  15. I've just created a really simple online editor for HTML, Javasacript and CSS in "w3schools tryit" style. I call it WePro. The title stands for Web Programming, so, it doesn't mean I'm a pro developer. Feedback are welcome as this is one of my lesson in learning web programming. Please visit: WePro Hit "Run" to execute. The Code area is draggable and you can toggle it by clicking the "WePro title above the page. Is this any good?
  16. I like to see w3schools do a tutorial or include materializecss framework on your excellent site. http://materializecss.com/
  17. Hello: Is W3.CSS written in any preprocessor like LESS or SASS ? If yes, is possible to have the source code? Thank you.
  18. Hello. I'm just starting out with css, and I would like to enquire about setting widths, and inserting php. I've created a 3 column page in css/html using my css editor's template. I would like to insert a menu on the left hand side, which I've created in php, and set the width. However I can't figure out how to do this. Also, using iframe, there is a box created with stretches over 2 columns, I would like to ask how do I set the width of this. I've attached a screen print of my template Thank You.
  19. Dear Members, I am trying to develop a Responsive Slideshow using w3.css only. Don't want to use any other plugin. I want to achieve (http://www.free-css.com/free-css-templates/page193/mpurpose ) This effect. Below is the code it works not smooth enough though in desktop environment but fails when resize the browser window. <div class="w3-container w3-padding-16" style="position:relative"> <div class="w3-row"> <div class="w3-display-container mySlides w3-animate-right"> <img src="Images/homepage-slider/slider-bg1.jpg" style="max-width:100%;" >
  20. Hi everyone, I am struggling with transition font color with background in table. I am using TD create transition background, it works, but not font. Here my CSS i created: td { background-color: rgba(0, 79, 0, 0.75); border-color:white; border-collapse:collapse; } #td { transition:background-color 0.7s ease; background-color:rgba(0, 79, 0, 0.75); } #td:hover { background-color:white; color:rgba(0, 79, 0, 0.75); }
  21. When using box-sizing border-box on images do I have to use specific dimensions (e.g width: 100px, height: 200px) for it to work properly? I'm building a site with responsive images next to each other but separated by a border. It works fine on the left and right borders but the top and bottom borders are not contained within the image thus pushing other images next to it out of sync. This issue is really frustrating as I have googled to find a solution but found nothing, not even someone with the same problem. My image sizes are Width: 100% and height: auto. Is this not allowed fo
  22. why foundation tutorial is disappear in w3school course list in website???
  23. Hey guys/gals, I am a bit of a coding dinosaur, and recently got back into html coding, and have slowly been developing my comedy groups website. I've been slowly working with "css", and the list functionality On my event page, I want to display rows of 3 events each, that will have a rounded rectangle background, and the information about each event (with a picture) enclosed within the rectangle. You can find what I am working on at www.standupseoul.com/test1.html My problem is that I need to: 1. Align the 3 events to the middle of the page, not to the right. 2.
  24. lease see my code below, I have sorted out all my coding to work how I want it too, but for some reason I just can't get it to load the map when you open it up in a browser. Can anyone see where I have gone wrong and guide me to get it work please. Thank you. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <title>County Polygons + Markers w
  25. I am trying to embed some kml files for local county bodries but am not sure how to asign multiple ones as I am coding in dreamweaver. Also I have made a drop down menu for eack kml file but am not sure how to link and get it all to work, mainly want the boundries to be shown on the map at all times and when selected in the dropdown menu, that particular county is shown on the map. Please see my coding I have done, and if there is any advice i would appreciate it. I am completely new to this and trying to teach myself. var kmlUrl = 'maps/central bedfordshire' ; var kmlOptions = { suppressInf
  • Create New...