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
15
votes
3 answers

w3.css vs bootstrap and which is more faster and better

w3.css faster or bootstrap and why ? which one is better ? Bootstrap uses JavaScript as well as CSS, but w3.css is a pure CSS framework. which helps in doing better SEO of your website too, because JavaScript is the enemy of SEO.. What is SEO…
lucky
  • 308
  • 2
  • 4
  • 17
11
votes
1 answer

JavaScript: dynamic navigation bar with dropdown disturbs dropdown element widths

Thank you for considering this question. The code can be found on GitHub, here. There are a few things going on here, so before we get to the code I want explain a bit about it. I have a function makeNavigation that takes three parameters to make…
SumNeuron
  • 4,850
  • 5
  • 39
  • 107
3
votes
1 answer

w3-css: Responsive 3 columns layout with different height blocks

I am trying to build a responsive web layout with w3.css. It is supposed to consit of rows with three columns on large screens, two on medium, and one column on small/mobile devices. Each row consists of tiles which can have one of two fixed…
Patrick Wunsch
  • 31
  • 3
3
votes
1 answer

Search/Filter multiple table on all columns using W3.CSS Javascript

Background: I am working for on a class project where we have to create a CRM system for our fictitious companies. For the project we use a combination of Python, HTML, CSS, W3.CSS, Javascript, Flask, Jinja2, Bootstrap through Spyder for the Python…
Derek Antti
  • 39
  • 1
3
votes
2 answers

how can I combine button with input?

W3.CSS
Patrick
  • 293
  • 1
  • 5
  • 14
3
votes
1 answer

JS onclick not executing for slideshow

I am trying to use W3.CSS Slideshow, the section "Slideshow Indicators". However I need to create the previous and next buttons dynamically using JS. But for some reason the prev and next buttons are not working..! (nothing happen onclick) Here is…
Mortada
  • 35
  • 7
2
votes
3 answers

Add space between items with w3.css

I'm trying to make a group of buttons, but when trying this, the buttons have no gaps between them.
2
votes
0 answers

Responsive image over a responsive sidebar

I am a total newbie in web design and css so excuse my ignorance. I'd like to add a responsive image as a header (only for large screens) over a responsive sidebar in my first site. I'd like the header and the sidebar stay stable and the text…
Thanasis
  • 29
  • 3
2
votes
6 answers

How to change w3.css button's own color?

Button
I want to make that if you click on it, it…
jhsznrbt
  • 133
  • 1
  • 13
2
votes
1 answer

jquery-the first one to click will bound on all the items

I create a web shop with items that is from database, it has modal with the category with a price with radio button that will change the swatches menu. The problem is that when I choose item 2 and click the radio button price it will show the…
Cliford Ching
  • 33
  • 5
1
vote
0 answers

Is there a way to have a preset style to use for multiple divs in the w3.css framework?

What I mean by this is, in normal CSS, you can assign a class or id to a div, and assign a style to that particular class, which can then be used in multiples areas on the site. Is it possible to do this in w3.css? If I'm making an entire website,…
Jasper Atrens
  • 13
  • 4
1
vote
1 answer

w3.css dropup from fixed footer

I'm having trouble creating a drop-up menu with w3.css. What I'm trying to do is have a drop-up menu as the second element from the right on a footer fixed to the bottom of the viewport. Here's what I have so far:
1
vote
1 answer

How to fix height offset in w3.css list items

For each div in my list, the hight is about one line lower. See the problem here: https://weather-software.com/weather-websites.html I have tried different style tags and starting from scratch.
Gavin
  • 45
  • 1
  • 8
1
vote
1 answer

How do you create a sticky footer in W3.CSS below a scrollable table in a responsive web page?

Using W3.CSS I'm trying to create a page that has 3 main elements, a header row, a scrollable table and a footer. When the table row size is larger than can be displayed in the browser window a user should be able to scroll down using a vertical…
David
  • 14,047
  • 24
  • 80
  • 101
1
vote
1 answer

CSS position: sticky behaves like fixed (within w3.css modal)

My sticky close-button for my modal doesn´t work properly. Instead of behaving sticky it behaves like a fixed element, even though I specified top:0 and -webkit-position:sticky;position:sticky; in my css rules. Below you can see my code snippet: …
3x071c
  • 955
  • 10
  • 40
1
2 3
…
9 10