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

How hide document vertical scrollbar when modal has scroll itself in w3.css?

In w3.css when the content of modal is huge enough, it will add a vertical scrollbar that it is common and Okay. but when the main HTML document has it own scrollbar, both of scrollbars will add close together and it is ugly. Please see the bellow…
Reza Amya
  • 1,494
  • 2
  • 25
  • 40
0
votes
0 answers

w3.css how to fill main row with background image even if no content

I have a w3.css card and in it a header, main, and footer. I want the main - which has a background-image - to behave like w3-rest in the columns of a row of the w3.css fluid-grid, filling in all the width. In other words, I want it to stretch and…
pashute
  • 3,965
  • 3
  • 38
  • 65
0
votes
0 answers

How to make the webgrid first row data is selected(highlighted) when a razor view is loaded?

I am using webgrid in the razor view of my mvc web app, a razor view contains a webgrid, I want to make the first row data to be selected by default when the page is loaded every time. A .css called "selectRow" has been created as this: .selectRow…
green
  • 25
  • 6
0
votes
1 answer

What happened to w3-sidenav? Is it possible to use w3-sidebar instead without the drawbacks?

What happened to w3-sidenav? We now only seem to have w3-sidebar which is not as good as it always displays in large (laptop, desktop) machines. Is it possible to use w3-sidebar, but avoid the always-on problem for large screens? I want it visible…
Rewind
  • 2,554
  • 3
  • 30
  • 56
0
votes
1 answer

Why does my W3.CSS responsive grid stay stuck in the collapsed state?

I am trying to use W3.CSS to make a form that dynamically narrows itself depending on the screen resolution, or size of the browser window. In its default state, it should have a row containing "Name" and "Phone Number" columns, a row containing…
jtmaher2
  • 482
  • 5
  • 19
0
votes
3 answers

Responsive text size using w3.css

I'm trying to make my website more responsive using w3.css (I know it's not everyone's favourite, but it seems simpler than trying to make my own CSS work for every browser and device). Is there an elegant way to make text smaller on small screens…
Simon
  • 9
  • 3
0
votes
1 answer

w3-cell elements with images inside will not adjust to equal height

I am attempting to create an image gallery using w3.css. I am constructing it with w3-cell-row and w3-cell elements. When I place images of varying size in these w3-cell elements the images will display with unequal heights, contrary to how you…
mono
  • 23
  • 3
0
votes
1 answer

Display canvas above div w3-row/w3-col (W3CSS)

So I'm using w3-css to create a layout for my application but the application includes a canvas. The canvas that I use right now is being hidden by the div above it. I honestly have no clue how to fix this. Only thing I could think of and find is…
Paul de Koning
  • 64
  • 3
0
votes
1 answer

How to make my landing page have different rules for table/mobile visitors?

I want to make a mobile responsive email squeeze page. Thus far I have the following code: W3.CSS
Allar
  • 5
  • 2
0
votes
2 answers

Anyone know how to create smooth search bar expansions on focus (w3.css)

I am using this code below to create a google search bar which expands on focus as part of w3.css navigation bar-item, it functions and expands on focus/returns on blur however all variations of the css for smooth transitions from one size to the…
Ehanho24
  • 3
  • 4
0
votes
2 answers

W3.CSS Equal Col Heights

I am having trouble getting columns to have equal heights. I am using W3.CSS, and it seems something is preventing the typical table/table-cell option to work. I have also tried the w3-cell class, however, it does not work either. Below is the…
Alan
  • 13
  • 8
0
votes
1 answer

Slideshow Interval Not Reset After .mouseleave

I have created a simple-slideshow with W3.CSS's slideshow documentation. You can see the code and slideshow on this JS Fiddle. Everything works except that the slideshow does not resume when on the "mouseleave"…
Jerry Williamson
  • 79
  • 1
  • 7
0
votes
1 answer

rearrange bootstrap fields in small size

I have made a form with the code below using w3.css, and i want the (send) button to be the last element in small screens and on mobile devices, i do not know how to do that, anyone can help???? input { width: 300px; } `
Nabil
  • 1
0
votes
1 answer

Is it possible to use w3.css with Vaadin?

I just have learned about vaadin and I'm watching tutorial about a CRUD TODO list in youtube. Vaadin uses Valo theme for css rendering that I found great but I'm wondering is it possible to use w3.css framework within vaadin vue code ? I try…
Mohammed Housseyn Taleb
  • 1,748
  • 28
  • 64
0
votes
0 answers

Renders perfect on Chrome and Firefox but is awful on IE

I have a project at the moment to create an enquiry form that our company can use to direct sales enquiries to the sales team. I am going to implement a single web page for this to capture details and send them to our internal sales system. For this…
Joe Hayes
  • 115
  • 9
1 2 3
…
9 10