Jump to content

Search the Community

Showing results for tags 'w3css'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

  1. I want multiple accordions on the website and that only one is open at a time. my code looks like this: HTML: <button onclick="openDropdown('drop1')" class="w3-button w3-block w3-black w3-left-align">Category 1</button> <div id="drop1" class="category w3-hide w3-animate-top"> <a href="#" class="w3-button w3-block w3-left-align">Link 1</a> <a href="#" class="w3-button w3-block w3-left-align">Link 2</a> <a href="#" class="w3-button w3-block w3-left-align">Link 3</a> </div> <button onclick="openDropdown('drop
  2. .w3-table-center{margin-left:auto;margin-right:auto} .w3-table-70{width:70%} Hello. I'm trying to follow W3 standards (with a few additions above to the standard CSS) So far, I have this :- <div class="container w3-center"> <div class="container w3-panel w3-margin w3-center w3-table-half w3-table-center w3-yellow"> TEXT </div> </div> basically i want the 'panel' to be 60% or 70% the
  3. Hello. I have a bit of a problem with W3CSS and INPUTS (textarea) https://www.w3schools.com/w3css/w3css_input.asp Textarea is not referenced with the above page. Here is my HTACCESS :- RewriteRule ^([0-9]+)?$ /PATHNAME/yours_description.php?entity=$1 [nc,l,QSA] if i go in the URL - path/67 my script activates and the vaklue of $entity is retrieved. HOWEVER - PROBLEM. I want a TEXTAREA to be sent as a POST value. But no matter what I do in w3css, the textarea comes out as blank. (my php script also has print_r for $_GET and $_POST - the $description value isn
  4. gordonisnz

    W3css CSS file

    Hi, who or where do we contact to make improvements to W3css ? https://www.w3schools.com/w3css/4/w3.css Im using the above CSS - however ive added my own, which may be useful to the wider community. .w3-table-center{margin-left:auto;margin-right:auto} .w3-table-half{width:49.99999%} .w3-table-5{width:5%} .w3-table-10{width:10%} .w3-table-15{width:15%} .w3-table-20{width:20%} .w3-table-25{width:25%} .w3-table-30{width:30%} .w3-table-35{width:35%} .w3-table-40{width:40%} .w3-table-45{width:45%} .w3-table-50{width:50%} .w3-table-55{width:55
  5. http://www-db.deis.unibo.it/courses/TW/DOCS/w3schools/w3css/w3css_tooltips.asp.html Hello. i'm looking at the W3css system, and I'm wondering if there is a hover process to REPLACE text. The above tooltip is waht im after but it INSERTS text instead of replaces it. Is there a way to hover, and replace the text with an A HREF tag / link ? PS Ive actually changed my PC & lost the URL for the w3-css tutorials. The one im familiar with is very similar to the above URL. however it looks better presented / display.
  6. I'm using w3css, and want to create a number of panels on a page. Each will contain a brief summary of another page, and when the panel is clicked, the user should be taken to that other page. Here is a simplified extract from my current HTML. It looks how I want it to, but obviously nothing happens when you click the panel. <div class="w3-panel"> <h2>Panel Title</h2> <p>A summary of the page that the user will be taken to.</p> </div> This is what I've tried unsuccessfully so far: 1. Just adding "href=..." to the div. <
  7. I've been struggling with W3 CSS for 2 days now, but struggling means learning so that's okay. I'm trying to rebuild this page to make it responsive : https://hdauctions.com/wp-content/uploads/2011/11/Autobahn.html I'm struggling when combining grid, responsive and layout classes but i'm please with the responsiveness of following code. But taking care of the height of the two responsive blocks is not working. According to layout "Side-by-side w3-cell elements will also automatically self-adjust to equal height" Any suggestions ? Did I do well for a non css'er ? <!DOCTYPE
  8. Hi, I'm using a w3-css-theme. How do I make a stripped table look like the theme I chose? I use the example like so: <table class="w3-table-all"> When I added w3-theme-l2, nothing happened. Thanks
  9. Hi, I'm wondering if there is an equivalent for the sticky footer tutorial in W3CSS. Or this flexbox method. --> preferred result HTML <body class="Site"> <header>…</header> <main class="Site-content">…</main> <footer>…</footer> </body> CSS .Site { display: flex; min-height: 100vh; flex-direction: column; } .Site-content { flex: 1; } I'm only have so so working knowledge on the topic CSS and would like to LIMIT my beginning to W3.CSS as I find it comfortable to use and learn at the same time. And le
  10. https://www.w3schools.com/w3css/w3css_panels.asp Hello. I'm trying to make a panel - this works, however it takes up 100% of the available width. Is there a way to make the panel A ) auto-adjust to the content of the text, and/or B ) a specific width - eg 50% (of the available width of div - NOT 50% of the screen-size...)
  11. Hi folks, it's my first post here and while I have been learning a lot from w3schools in the past (compliments!!), I am just about to familiarize myself with w3.css. For a start, I choose the architects template as basis for a project portfolio as joiner and just started to replace pictures etc. from the original template with my own stuff. However, I would like to use the HTML5 semantic layout (header, footer, aside...) as much as possible and the w3css tutorial also states that it's possible because the w3-* classes can be applied to whichever HTML element. So I tried to
  12. Hi, I have rebuild a smarty-template that produces a menu from the cms-database. It can handle multiple levels for the navigation. I have it almost working the only thing is that alle dropdowns are opened upon the first level hover. It can be seen at http://c-m-s.pw/index.php?page=testen_w3css My question, is it possible to use hover for multiple level dropdowns? I cannot use "on click" because the toplevel is also a link to a page. Any ideas how to solve this? Regards, Jan
  13. https://www.w3schools.com/w3css/w3css_input.asp I am trying to follow the above examples. Forms with INPUT and SELECT are easy enough, however the above page has no examples if how TEXTAREA is used ? ive used textarea successfully on normal forms, however I cant seem to get it working on W3CSS. All I see is a single line - Not multiple lines / textarea. has anyone got an example using W3CSS & multiple lines ? If I dont use inline-block, the input takes up the WHOLE line. i want label & input on same line. and yes, i am aware of readonly. i'll remo
  14. Dear Sir, first of all thank you for such helpful website. Now as w3css framework is very useful and easy to implement. I want to suggest if following modification is possible in your new version of w3css. 1. Menu structure with ul and li elements rather than using only a tags. That will be easily implementable in WordPress default menu structure and having drop-down facility also available. 2. Menu items are being used 2 times for making it responsive rather it should use items only single time.
  15. Hello. 1) i have the w3.css file correctly uploaded. 2) My html code correctly points to the css file. 3) my HTML validates in an online validator. Basically, ive been re-doing an entire page/site with using W3css now. Ive added the heading / title part of the HTML - & that is correct - using containers. However the visible output is NOT using w3css. Its just using regular HTML (& not doing what i want.) is there a check I can use online to validate the W3css code ? Ive got four or so other sides that follow the same format as im using now & they
  16. Hello. I'm upgrading an old site - & created a new subdomain & copying all the code slowly - upgrading to W3CSS & validating the code.. Anyway, On the left menu, There is a side-menu. I can click on it & it disapears / re-appears. It was working up until a few days ago. But i continued upgrading it today & noticed that it no longer opens/closes. Ive double-checked & the javascript names are there - it looks OK. ive checked the full HTML & can see no duplicate ID's (2 ID's using the same name etc..) so everything looks OK. However it doe
  17. I'm having trouble using the w3-col feature to arrange these captioned pictures. I want to make the containers with less text match the height of the first container that has more type in it. At full screen everything displays correctly, but once the text on the first image takes an extra line, the rows below get all jumbled up. I don't want to use a table or cells because I want them to go down to 2 wide on small devices. Thanks in advance for any help. Heres the code; <!doctype html> <html> <head> <meta charset="utf-8"> <title>Red Sti
  18. I just converted my ancient website over to using w3css. I am wondering if there is a way to vertically center text in a navigation bar made with w3-bar (see attached image). I am trying to recreate an ancient navigation banner from 1998 (See other attached image.) Any tips would be appreciated. In doing some web searches, I did find one or two with the same question, but neither solution worked for me.
  19. https://www.w3schools.com/w3css/w3css_sidebar.asp Hello. I'm researching the above page as a starting point, and ive also googled and found there is no "CLASS" version of the getElementById command. basically, I want to do a full table, but a number of rows (by criteria) will be given a class name. what i am after is a way to "hide" or remove those selected rows from the table. but if i press a button, the rows will re-emerge & show themselves into the table - NOT as a separate / distinct table, but seamless into the same table. has anyone got a W3CSS (javascript) command/pr
  20. Apologies if this has been covered. I use W3CSS for websites which is great then incorporate PHP to give the sites structure and cut down coding. Are there any plans to set up instructions on this combination? Thank you.
  21. Can anyone sight an example to demonstrate the use of Responsive Class and Responsive Grids of W3 CSS? It would be great to understand, if the piece of code shows how to use them together.
  22. I'm having an odd issue with a drop-down menu using w3.css and the w3-bar, w3-dropdown-hover & w3-dropdown-content classes to create a drop-down navigation menu. When the dropdown content contains only one or two links, it works fine, but anything more causes the dropdown content width to extend far further than necessary. I'm sure I'm doing something wrong, but I followed the example given on https://www.w3schools.com/w3css/w3css_navigation.asp and I can't see where I've messed it up. I've attached a screenshot showing the oddly wide dropdown menu, and the live site can be visited at
  23. https://www.w3schools.com/w3css/w3css_grid.asp Hello. Basically I'm transforming my websites to use W3CSS as above (using the grid system) Ive got 1 subdomain all set up & its all go - Eveything working fine... however I am now working on a 2nd subdomain - ive copied the same w3.css file over to the second css directory... (i may put it in a global directory later on, so all my subdomains can access it..) Anyway, Im using the grid system, and also following the "try it yourself" area and all i get is 2 or 3 'grids' on top of each other - not side by side.... http
  24. Hello, I have the problems that when i use a link in a w3css Navbar, the link is at the top of the bar. What i have when i write everything in a single entry: Code: <div class="w3-bottom" style="margin-right: 20%"> <ul class="w3-navbar w3-red"> <li> Powered by <a href="https://www.w3schools.com/w3css/" title="w3css"> w3css </a> and <a href="http://fontawesome.io" title="fontawesome"> fontawesome
  25. I'm using W3.CSS tabs and I have a class assigned so that the active tab is colored. However, when the page loads none of the tabs are open. I have to click on one. I'm wanting the 1st tab to be open and highlighted with the active color when the page is first loaded. Here's my code: <ul class="w3-navbar w3-grey"> <li><a href="javascript:void(0)" class="tablink" onclick="openTab(event, 'tab1');">TAB 1</a></li> <li><a href="javascript:void(0)" class="tablink" onclick="openTab(event, 'tab2');">TAB 1</a></li>
×
×
  • Create New...