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

div element present in devtools but not visible on screen

I'm trying to clone a website for learning purposes with W3CSS and plain javascript. Here is the stuff I already created. My problem is, that the div with id #menu is not visible on the screen after clicking the hamburger icon on small screens,…
YoFreakinLo
  • 15
  • 1
  • 6
1
vote
0 answers

How to highlight Python syntax using w3codecolor.js?

I'm a total beginner, just starting to get familiar with html, css and other stuff. I just tried creating a code block using w3.css. They have this pretty w3-code thing I used for putting Python code as an example. It looks good but I also need to…
Freddiellow
  • 11
  • 1
1
vote
1 answer

W3.CSS Fixed Top Bar that Resizes

I would like to use W3.CSS to create a fixed top bar that resizes when a sidebar is created. Here's the code that shows both properties of the top bar I want (also in JSFiddle form): W3.CSS
hhquark
  • 379
  • 3
  • 10
1
vote
2 answers

W3.CSS - .w3-display container - links broken

I have two pages that use base.html as a base template: index.html and login.html. login.html has a fully functional nav bar (links and :hover working) where index.html shows the nav bar but won't recognise the links. Bear with me as this is my…
pilks7
  • 63
  • 6
1
vote
1 answer

Button at the slide image is not moving automatically.

I have created images with automatic slides. As well as button/indicators at the below of the image. These automatic slides are working perfectly, but not the buttons. While slide1 moves to the next slide2 automatically, the button should show that…
Adra Ravindran C
  • 11
  • 5
1
vote
1 answer

Remove Spacing Between Divs

I have three divs that are all in a row. The divs on the the left and right are divs with image backgrounds, and the center one is textual information. Spacing is being added between each of the divs when I would like them all to be flush with one…
cweave
  • 306
  • 4
  • 13
1
vote
0 answers

Table TD Leaking background through shadow

I have made a table and I wish to use shadows to colour code the results leaving them with just the colours is okay but I want to include some separation to make the information more presentable upon doing this it bugs out on Internet Explorer and…
JElimpus
  • 11
  • 4
1
vote
1 answer

Responsive layout built on w3.css template overlays content, scrolls vertically and content doesnt want to be centered

Have spent a couple of days on this, rebuilt the page using another template, tried the advices online which led me to breaking the layout further yet. I'm more of a designer and less of a programmer and cant find what else can i try. Please…
vidal
  • 11
  • 4
1
vote
1 answer

Google fonts not working when W3.css file is imported

Google fonts were working perfectly till I imported the W3.css file. I even tried to shift the google fonts link to the beginning of the document. It starts working as soon as I remove the link to W3.css file. Google fonts…
Vinay Pillutla
  • 11
  • 1
1
vote
2 answers

how to create w3-bar content with equal height

Currently I am trying to use the newly added w3-bar class from w3.css to create a top navigation with some buttons and a logo. If the navigation bar only consists of buttons, everything works fine, since the height of the buttons is the same…
Olli
  • 1,708
  • 10
  • 21
1
vote
1 answer

W3 Modal opens and closes immediately

I've noticed some odd behaviour with the W3.css modal class. After hours and hours of searching and attempting to debug, i discovered that using the "base" tag in a css file will cause W3 modal boxes to open and then close immediately, and then…
noowie
  • 49
  • 1
  • 1
  • 8
1
vote
1 answer

W3.css Modal - Vertical Scroll

I am using w3.css and am creating a modal div. However, I want lots of text, but I want it to scroll vertically and not scroll at all horizontally. W3.CSS
Rewind
  • 2,554
  • 3
  • 30
  • 56
1
vote
1 answer

Cards with margins in columns

I have a 2 column grid on a row with 2 cards. I would also like a margin so the cards are not touching each other, but when I add w3-margin to my cards, they wrap onto different lines. How can I have the margin around the cards without it affecting…
user3442612
  • 1,802
  • 6
  • 22
  • 27
1
vote
2 answers

Stop Staggered Divs with Grids W3.CSS

I am styling my page with W3.CSS and using their repsonsive grid. I have 4 divs that I am looking to have class "w3-col s6 l3" and when W3 detects a small screen, it puts the columns like it should but it staggers them. I am looking to have the tops…
Michael Ortega
  • 60
  • 10
1
vote
2 answers

W3.css How to make in one line?

I have few elements, 2 i and 1 input. The layout I using w3-col from a frameworks called w3.css, and a font icon library called FontAwesome. Since s7 + s5 = s12, why my elements still drop to the new row? The 3 elements in div s5 expected should be…
HenryLoke
  • 67
  • 1
  • 12
1
2
3
…
9 10