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

W3.CSS - Responsive Layout - w3-cell-row

Just started using W3.css, and yet havent found a solution for a tiny problem, that seems to appear only on mobile version. So made a responsive container - row, with 4 different width cells in it. When I have my phone on portrait mode it is loading…
barnusb
  • 3
  • 1
0
votes
1 answer

Html.ActionLink() having the hyperlink underline when mouse over or clicked

Please how can i make use of the html.actionlink() without having the String LinkText Underlined. Below is the HTML
@Html.ActionLink("Home",…
uthumvc
  • 155
  • 1
  • 11
0
votes
2 answers

W3 CSS : Center Cards within Row

I am working within the W3.CSS framework and trying to center two Cards as seen in the following image. When the viewport is large or medium sized, I would like the cards to sit adjacent to one another. On small viewports, I would like for them to…
Marconi
  • 33
  • 1
  • 7
0
votes
1 answer

What is the sense of using padding-top=padding-bottom="0.01em" assigned to class "w3-container" of w3.css?

The w3.css-class "w3-container" sets padding-top and padding-bottom to the value "0.01em". The effect is different from using "0" instead. What is the intention of this course of action?
Mary
  • 59
  • 1
  • 6
0
votes
1 answer

Page Reloads when Button is clicked on Modal

I have a form with a modal form for now, I plan to have another modal form on the form but issue is, when i fill the modal form and click on Submit, It actually fires the code behind but the modal form closes and the page reloads. The success or…
mantics
  • 57
  • 9
0
votes
1 answer

Empty space to the right when using W3-card

When I use the W3-card class, the right side of the element is not always used. I have set the padding-right to 0px and still same. What could be reason. Code below
mantics
  • 57
  • 9
0
votes
1 answer

Dropdown content not Showing W3.CSS

I am using W3.CSS framework. Been using Bootstrap before but i think W3.css is more fast and want to try it out as well. I set a dropdown button with contents but when i hover it, it does not show dropdown. Am I missing anything out? i Have tried…
mantics
  • 57
  • 9
0
votes
2 answers

w3-cards aren't adjusting height when one card gets more content

I have a stack of three, w3-card, elements on my HTML sheet that are next to each other in a row. I've been working on this since this past Friday and I've tried everything I can think of. Here's what I got for my code:
user87826
  • 11
  • 2
0
votes
0 answers

Using W3.CSS classes with LESS

I'm styling a Hanami project and I'm using W3.CSS. I have a whole bunch of entities that are styled the same, so instead of having a myriad of identical styles across a hundred files, I want to use LESS to combine W3.CSS styles, so that if changes…
0
votes
0 answers

Up and Down arrows not working with DIV scrollbars

I am using w3.css, creating a drop-down search. The search results are displayed in the drop-down after the ajax-powered search is completed. There is a DIV that is populated with the search results, with overflow-y set to auto (or scroll). When…
0
votes
1 answer

Need help building volume slider

I need help with volume slider. I am building a player based on wavesurfer.js but don't know how to customize the look of the slider to look like the image below. I am not a coder and tried customizing this example here…
dim4ny
  • 11
  • 1
0
votes
1 answer

How to fix unresponsive external javascript file linked to html

I'm trying to create an interactive time table using HTML and (external) JavaScript for a class project. Despite following the code given by my lecturer, the JavaScript doesn't seem to respond when the radio buttons are clicked on. This is for a…
0
votes
1 answer

Is there an function for resizing images in a slideshow

I'm building a website for my local association we have a few sponsors who's logo i would like to display in a slideshow. It's been a while since a builded a website for the last time so i decided to just take a head start with a w3.css template and…
Mark
  • 55
  • 1
  • 10
0
votes
2 answers

W3.CSS - Why is my top navigation bar wrapping to the next line in two separate places?

Why does my top navbar on this page wrap before and after the "Landscaping" menu option? I'm taking W3.CSS out for a test drive and am finding it a fairly satisfactory experience so far. I've produced a skeleton website rather quickly and find it…
Henry
  • 1,395
  • 1
  • 12
  • 31
0
votes
1 answer

CSS : W3 : Transparancy

I'm using some W3 CSS to accomplish dropping text area on an image. It works fine. But when I go to transparency, it makes the text and button transparent as well. Is there an easy fix to only have the backgroud transparent and not the…
Merle_the_Pearl
  • 1,391
  • 3
  • 18
  • 25