Jump to content


  • Content count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About gordonisnz

  • Rank

Profile Information

  • Location
    Auckland NZ

Previous Fields

  • Languages
  1. gordonisnz

    W3CSS sidebar, and footer issues

    Hello. This is a brand new website & i'm upgrading my website to use W3CSS in other pages & creating this brand new site. http://tv.kwister.com/index1.php I am having difficulty in setting up a page with a side menu, & middle / footer. Do not worry about colours, i'm only using the weird colours too see what I am doing. 1) My sidebar is a quarter of the screen (I may reduce it later on..). The main body of the page uses style="margin-left:25%" - Is it possible to allow the sidebar to be a variable with - to increase or decrease depending on the text included in the sidebar (with a bit of padding), and also the main part of the screen to auto increase too ? I used the w3-quarter and w3-rest css parts but when i put text in the main body, it gets "hidden" by the sidebar. Ive changed it to w3-row and w3-col using the GRID system, but the text in the main screen is still hidden. Can this be fixed ? 2) Also, with the footer. I cant seem to move it under both the side and main parts of the screen (teal color). The footer part only goes across the bottom of the main part of the screen. Is there a way to fix this without using "style" at all ? & just CSS3 ? (edit - Changed to http://tv.kwister.com/index1.php - Using sidebar. index.php does not use sidebar)
  2. gordonisnz

    CSS3 - Trying to center a menu.

    Found it - w3-center (in the 'text' part of the site.. https://www.w3schools.com/w3css/w3css_text.asp ) - i was thinking of it as a menu, not plain text
  3. gordonisnz

    CSS3 - Trying to center a menu.

    https://www.w3schools.com/w3css/w3css_navigation.asp Hello. I'm trying to do a BASIC (see above site for example) navigation on my site - Its working fine, however the div/container fills 100% of the width of the screen. Has anyone got an example of how to do a navigation - But if the text/wording does NOT fill up the entire width of the screen - it automatically centers. Ive used width:auto; and text-align center etc - but nothing works. I CAN make the div smaller (say 50%), and the text is centered, But if i add more menu items, the text word-wraps for half the screen instead of going the full width of the screen. ALSO, who / how do we contact the designers of the above website to add an example of how to center a menu. SO FAR i have: <div class="w3-display-container" style="width:75%; margin-left: auto; margin-right: auto; text-align: center;"> <div class="w3-bar w3-display-topmiddle"> <span class="w3-bar-item">Select a letter: &nbsp; </span> <a href="/letter/p" class="w3-bar-item w3-button w3-mobile">p</a> <a href="/letter/r" class="w3-bar-item w3-button w3-mobile">r</a> <a href="/letter/w" class="w3-bar-item w3-button w3-mobile">w</a> </div> </div>
  4. gordonisnz

    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 ?
  5. gordonisnz

    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..
  6. gordonisnz

    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 ?
  7. gordonisnz

    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.)
  8. gordonisnz

    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.
  9. gordonisnz

    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/
  10. gordonisnz

    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...
  11. gordonisnz

    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.