Jump to content


  • Content count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About gordonisnz

  • Rank

Profile Information

  • Location
    Auckland NZ

Previous Fields

  • Languages
  1. W3CSS open/close table rows by CLASS ?

    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/process to do this by class instead of ID ?
  2. Problem with W3CSS grid

    yay... Ive fixed it (sort of) <div class="w3-cell-row"> <div class="w3-container w3-blue w3-cell w3-mobile"> <a href='/'><img src='http://www.kwister.com/img.png' alt='image of logo' style="width:100px;" /></a> </div> <div class="w3-container w3-blue w3-cell w3-cell-middle w3-mobile"> FOE: Members Area </div> </div> The only problem is that you cannot combine the w3-cell command with w3-third etc.. the cell command should auto-adjust the height... of a cell - to be even accross the whole row. https://www.w3schools.com/w3css/w3css_layout.asp (see "layout cells adjust to equal height") but it wont work if you want different horizontal widths of cells. (eg :- w3-third ) they cant combine... oh well..
  3. Problem with W3CSS grid

    Ive found the CELL command - seems to be better, however i think the actual physical cell is correct, its just not putting the background colour to FILL the entire cell.. Its only putting the background colour immediately where the text / image is - NOT the entire area of the cell.. ive changed it to here :- <div class="w3-container"> <div class="w3-cell-row"> <div class="w3-container w3-blue w3-cell w3-third w3-center"> <a href='/'><img src='http://www.kwister.com/img.png' alt='image of logo' style="width:100px;" /></a> </div> <div class="w3-container w3-blue w3-cell w3-threequarter w3-center"> FOE: Members Area </div> </div> </div> any advice ?
  4. Problem with W3CSS grid

    Hmm.. Still having problems with different heights for each column - but im copying the same code i have in my other subdomain. the odd thing - WHY OH WHY would anyone want different column heights in the same row / container. i would EXPECT you to deliberately code it NOT to have the same heights, but as a default - each column will have the same height. is there any extra coding i need to add to make all columns in the same container the same height ? EDIT: Just to check if my CSS file is out of date, I changed my header to read: <link href="https://www.w3schools.com/lib/w3.css" rel="stylesheet" type="text/css" /> Same result. http://foe.kwister.com/members/ (I hope someone has a sensible answer as to why a 'default' is to have different heights for each column in a row/container.)
  5. Problem with W3CSS grid

    So you dont put <script blah balh blah /> - you need to do.. <script blah balh blah > </script> no self-closing on a script command ? is that right ? Thanks - it goes the full width now & shows 3 segments., (I will fix up the colours & content.. - maybe make it 2 segments / bits of sections in that row....) Also got to fix up the 2nd column/ data - It does not go the full height of the first box. will spend this evening researching.
  6. Problem with W3CSS grid

    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.... https://www.w3schools.com/w3css/w3css_grid.asp https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_grid_two_equal&stacked=h Is there a way / trick to make a container go the full width of the screen, & each div in a row stay on the same row. (i'll also put a background color to it... - for the entire row..) it seems strange, as my initial / first subdomain using this W3CSS was very easy. i did have problems but they were fixed within minutes.. ive been trying to fix this 1 page for about 30 minutes now & i cannot get it to go side by side.... (its getting late, i'll tackle it tomorrow) Ps - This one page uses a separate header file to the rest of the subdomain. (once i get it going, i'll have just 1 header template) Find M3 & you'll find the header line i'm trying to alter. http://foe.kwister.com/members/
  7. Help with pagination - w3css

    Thanks. Since finding this website, i can upload things within 5 mins & it works as expected - except this. I'll use it now.... Thanks...
  8. Help with pagination - w3css

    Hello. Ive recently joined this forum. a week or so ago I found the W3CSS pages & they are great. http://www.w3schools.com/w3css/default.asp Ive found the HTML / CSS code for pagination, & i thinki want to use it, however I am a bit puzzled. http://www.w3schools.com/w3css/w3css_pagination.asp example: <li><a href="#">2</a></li> <li><a href="#">3</a></li> can anyone advise what else is needed to use this system ? How does my website KNOW if i clicked page 1, page 2, or page 3 ? all the targets point to a hash-tag # Basically my main site runs on PHP, so i would appreciate any assistance in understanding a) how the script / website knows what value is selected how to pass this value to a php script as named value. - Eg $page Also - it would be good if the pagination page be updated to point to a few tutorials. Thank you.