Search the Community

Hello. Im convertig anold site to W3-css & started on one page.. (i'll update the other pages soon). http://sudoku.kwister.com/main?file=2020041310 The problem is, that the black menu at the top looks like 98% of the screen-width on a PCC / computer, & the yellow title above it, is 100% wide. HOWEVER, on the ipad - the black menu is 100% of the ipad width, but the yellow title, is OVER the width (making the ipad have a left/right scrollbar - or able to move sideways). When i first tried to upgrade/fix this page (or page template), I had the w3-row and w3-mobile on the 3 div areas (menu, main content & right-text). According to the w3-css website, The sections should be above one another on small (ipad) screens. Though the main Sudoku board overlapped the right-side text & didnt stack.. Am i forgetting one essential piece of code ?

Hey all, When I ran my project today, I noticed everything was all jumbled, and I hadn't changed anything. Loaded backups and still the same problem. It seems my CSS link to https://www.w3schools.com/w3css/4/w3.css has stopped working. Obviously I visit that link and loads in my browser. When I download the CSS locally and run it, it doesn't behave like it did before, and it looks like w3.css hasn't been updated since April. The new behavior with the downloaded/local CSS: Different font throughout the page Nav bar dropdown ) w3-dropdown-hover larger font/placement the regular navbar w3-button menu items Some text-decoration issues Navbar now animates in a different manner This is all with a local copy of the CSS. The web link to <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> doesn't work at all anymore. Anyone experiencing anything like this? What changed? UPDATE: I am using PHP and running a mock server via XAMPP (Apache). When I change a backup file to .HTML is runs just like it did before. Any ideas? Thanks. It shows up red under network with no status code, this is all the info it give me. Request URL: https://www.w3schools.com/w3css/4/w3.css Referrer Policy: no-referrer-when-downgrade Provisional headers are shown Referer: http://pathtomyfile User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36 SOLVED: It was a Chrome extension: Privacy Badger. Why it suddenly started denying requests to W3 I have no idea. It also seems to be the cause of the change of formatting, text-decoration and other weird things. Gr...

Hi all, Similar in idea to another post. I have a series of cards in a shopping cart. When I display them as quarter width, they are not the same height. When they are displayed they get mixed up further down the page. Here is the code I am using. (a what I have tried) So what I need is the same height for each card. Sorry I could not see where to add a code block. <script> #box{ height:150px; overflow:scroll; } </script> <div class="w3-quarter "> <div id="box"> <div class="w3-card-2"> <div class="w3-container w3-theme-l2 w3-small"> <?php echo $d["name"]; ?> </div> <div class="w3-container w3-center"> <img src="<?php echo $d["thumb"] ?>" style="width:90%"> </div> <div class="w3-container"> <div class="w3-small">Item Code: <b><?php echo $d["item_code"] ?></b></div> <div class="w3-small">Price: <b><?php echo '$' .$d["retail_cost"] ?></b></div> <br> <p><?php echo truncate(htmlspecialchars_decode($d["description"]),200) ?></p> <a class="w3-btn w3-theme-l4 w3-tiny w3-round-large" href=".?action=catalog&catID=<?php echo $d["id"]; ?> ">More Details</a> </div> <br> </div> </div> </div>