Stack Overflow
Stack Overflow

Questions tagged [w3.css]

For questions relating to W3.CSS, a responsive CSS framework created by w3schools.com

W3.CSS is a modern responsive CSS framework from w3schools.com.

Features includes:

  • Modern responsive design (mobile first) by default.
  • CSS equality over all browsers - Chrome, Firefox, IE, Safari, Opera and more.
  • CSS equality over all devices - PC, laptop, tablet and mobile.

References

148 questions
0
votes
2 answers

Bootstrap 3 conflicts with W3.CSS Navigationbar

I´ve got a little problem. Whilest experimenting with Bootstrap and W3.CSS, I decided to create a w3-navbar.
3x071c
  • 955
  • 10
  • 40
0
votes
2 answers

w3.css submit button with an icon instead of text?

I would like to have icons instead of text on the submit buttons in the forms of my website based on w3.css. I can easily add icons to other buttons but not to the submit buttons. This is how far I could come: The blue "save" button is the submit…
kxtronic
  • 331
  • 5
  • 16
0
votes
3 answers

Responsive html layout height 100% is not according to parent div

I'm really new in html This is my code

OUR VISION

…

Asyraf Arifin
  • 2,445
  • 2
  • 7
  • 11
0
votes
0 answers

Responsive CSS issues on different iOS devices

I have a couple of issues with my CSS, I am currently using W3.CSS library to build a basic responsive website, I have media queries for small devices and for some reason it works on my phone but not on my computer when I resize to the small size,…
Khalid
  • 75
  • 9
0
votes
1 answer

W3.css Conflicting with JQuery UI Progress Bar

I am at my last straw with this one. I cannot figure this out and it has been three days now of trying. I am using w3.css with jQuery UI and jQuery UI.css. ISSUE: The progress bars appear but don't fill. When you remove the href to w3.css, the…
helpkelp
  • 31
  • 2
  • 8
0
votes
0 answers

Images not displaying correctly using Umbraco

So I am trying to display a group of images inside of a modal when you click on the thumb image. I am using the w3-css stylesheet to create the modal. Basically when I display the page all of the thumbs work fine. However, when I click on it, the…
Dtb49
  • 1,211
  • 2
  • 19
  • 48
0
votes
3 answers

w3-table the column unequal width size

I'm using w3css with class w3-table. I set the width for each "td" with width 35px and height 35px. I found out that the width still changes according to the text. Here is my code: W3.CSS
HenryLoke
  • 67
  • 1
  • 12
0
votes
1 answer

W3 CSS Animation

I feel dumb for asking this. Let's start off by I used a W3 responsive template. I love everything about it and even incorporated the single page application design aspect using AngularJS. Now here's my one question. When whoever is on a mobile…
A. Angee
  • 455
  • 1
  • 5
  • 17
0
votes
1 answer

Menu button dropdown text behind other menu buttons.

When creating some clickable dropdowns, I noticed the dropdown menu will hide behind any clickable dropdown buttons if they overlap. Here is an example How can I fix this? Here is the code used to create the dropdown.
…
user126440
  • 391
  • 1
  • 2
  • 19
0
votes
1 answer

w3.css topnav on small screen

On small screens the topnav navigation has to be clicked twice to open. I cannot figure out what is the issue. I would like to achieve of course the state when the user clicks on icon the topnav opens and shows the rest of buttons (in one row). I…
chejnik
  • 219
  • 1
  • 6
  • 24
0
votes
1 answer

W3.CSS - Smaller Select Input exactly 2 digits wide

I am using w3.css and I have a date input like so:
Date (yyyy/mm/dd):