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
1 answer

Responsive layout with tiles of different size; Setting proper line breaks

I am trying to build a responsive layout with w3.css. It consists of three different types of tiles of different height and width. The layout is single column on small screens, two columns on medium and three columns on large screens (as determined…
Patrick Wunsch
  • 31
  • 3
0
votes
1 answer

How can I keep a W3.CSS container margin consistent with a Bootsrap alert margin?

Question Information Here I have a Bootstrap (Version 4.0.0 beta 2) alert with a margin of 5% on each side. I also have three W3.CSS cards nested inside a w3 container that are each 31% of the container size and a 1% margin on each side per card.…
Paul
  • 94
  • 9
0
votes
1 answer

How can I get a w3-cell to not auto adjust?

Working on a HTML page that requires me to have two elements side by side to replicate a 50/50 scenario sort of thing. I am using w3.css to help me since I am not so familiar with HTML/CSS. My code is below for the section. So when the…
RafeeJ
  • 441
  • 2
  • 6
  • 14
0
votes
1 answer

Close Dropdown when Selecting Another

How can I amend this JavaScript code that will hide an open dropdown if another dropdown is selected? The original code came from the W3.CSS documentations, but I'm unsure of how to amend it. I tried replacing w3-show with w3-hide, tried removing…
cweave
  • 306
  • 4
  • 13
0
votes
1 answer

Making wordpress template mobile friendly

I have created a custom page-template with child theme of Official WordPress twenty-seventeen theme. However i have problem on mobile devices, the pages are not mobile friendly and i get the popup from chrome to make the page mobile friendly and…
csandreas1
  • 2,026
  • 1
  • 26
  • 48
0
votes
2 answers

Input field unable to display text in w3.css

I'm trying to create a nav with search functionality. When I input text input field, nothing is displayed. Also how do I deactivate the hover effect? ...using w3.css framework. Thanksview image here
0
votes
1 answer

button on top of an image (but it's not staying put)

Editing my original post --- I had an image with text made as an image, with a button on the image that wouldn't stay put for responsive scrolling. So I put up just the image, set the text to div. I have set my image to relative and text to…
Miranda
  • 1
  • 1
0
votes
1 answer

w3css cell rows overlapping

I have a webpage where the header is defined in a user control. (I'm using w3css as my framework.) I have the user control placed in a another page. I have it wrapped in div tag with the w3-cell-row class. Then I have another div below that with my…
B.Kaufman
  • 3
  • 2
0
votes
4 answers

How to perform two results with a single $('#id').on('change', function);

I have let's say sets of div:

paragraph here

``
Tai Hena
  • 3
  • 2
0
votes
0 answers

How to set different responsive layout with w3.css?

I'd like to set two different responsive layouts (with w3.css): For mobile (small) and medium device For large device I don't want to repeat my code just to specify a different responsive layout. My code is like:
Alessandro
  • 4,382
  • 8
  • 36
  • 70
0
votes
1 answer

w3.css slideshow: How to add automatic slideshow functionality

I want to make this slideshow from w3.css library to slideshow automatically every 4-5 seconds. Can also be found at w3schools editor. More documentation of w3.css slideshows can be found here I need to somehow add this code to make the images…
user7038047
0
votes
0 answers

How to animate on hiding a div element in html

I'm a beginner to html/css and I'm trying to animate the div content on hiding. Here's what I tried, W3.CSS
HariDev
  • 508
  • 10
  • 28
0
votes
2 answers

Get Fontawesome-icon into the same line as a w3-input field

So I was working on a webpage as I ran into this problem over here. I wanted to create my first form with w3.css (not bootstrap), which worked perfectly fine. But after trying multiple times to add a fa-Fontawesome-Icon in front of my text input…
3x071c
  • 955
  • 10
  • 40
0
votes
0 answers

Bootstrap or W3.css - Put columns in excess in a new row

I am using W3.CSS as CSS framework. It's simple and straightforward. Now I am having some trouble presenting a set of cards in a responsive grid. I want the cards to be in rows of three when there is enough space, or one per row when the screen is…
Jose Ospina
  • 2,097
  • 3
  • 26
  • 40
0
votes
0 answers

Put w3.css dropdown over image

I'm developing this website for an animal shelter in my city, because the old website is displaying very bad on smaller devices like smartphones. I made a color gradient with gimp for the part of the HTML. #image { position: relative; …
user8563312
1 2 3
…
9 10