Bonxy
-
Posts
3 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by Bonxy
-
-
Hey @Ingolme,
Thanks for your reply. Do you think it should work how i expected it too or is it working as expected.
I thought that flat colours and the W3.CSS colours could all work with any of the W3.CSS classes.
Thanks, Sam
-
Hey,
I'm having as issue which also appears in the TryIt editor. I don't know if its meant to work like I expected or it isn't.
I'm trying to change the table header colour to "w3-flat-peter-river" (https://www.w3schools.com/w3css/w3css_color_flat.asp) which I've referenced from the w3-colors-flat.css stylesheet.
The problem is, when the code is run, it just shows a white box with white font. If you change the colour to "w3-red" it works fine. Can you not use flat colours as table headers?
Thanks.
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-flat.css"> <body> <div class="w3-container"> <h2>Colored Table Heading</h2> <p>Use any of the w3-<em>color</em> classes to display a colored row:</p> <table class="w3-table-all"> <thead> <tr class="w3-flat-peter-river"> <th>First Name</th> <th>Last Name</th> <th>Points</th> </tr> </thead> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <td>Adam</td> <td>Johnson</td> <td>67</td> </tr> </table> </div> </body> </html>
Multiple Tabs on same page not working?
in CSS
Posted
Hey,
So i'm using w3css to display data on a web page. I've tried to implement the tabs used here - W3.CSS Tabs (w3schools.com).
The issue i've had, is if i try to use more than one tab section on a page, when i select a tab, it closes the other section. I want them to work as two individual tabs.
Can anyone assist? I know very little knowledge of js unfortunately.
Ive pasted the example of what im trying to do below.
Thanks in advance.