Jump to content

gordonisnz

Members
  • Content Count

    23
  • Joined

  • Last visited

Community Reputation

0 Neutral

About gordonisnz

  • Rank
    Newbie

Profile Information

  • Location
    Auckland NZ

Previous Fields

  • Languages
    English

Recent Profile Visitors

950 profile views
  1. gordonisnz

    How to know W3CSS is working or not ?

    RESOLVED: i had the wrong content-type. I fixed it in htaccess by adding this line: AddType text/css .css
  2. gordonisnz

    How to know W3CSS is working or not ?

    Is my CSS file being delivered in a format OTHER than text ? ive copied the css file & HTML/W3CSS coding from a working subdomain - so it should work
  3. gordonisnz

    How to know W3CSS is working or not ?

    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 display correctly. ALSO - If the (visible) 'header' part is using W3 correctly, but there are problems below, should the top be displayed correctly ? or is the whole thing broken. ? Edit: http://newtib.kwister.com/login
  4. gordonisnz

    Slow down W3CSS animation ?

    Thanks. Is there any documentation on this ? (it works). Ive figured out the 1.6s number is speed, higher the number the slower it goes.... EDIT: Found it - https://www.w3schools.com/cssref/css3_pr_animation.asp
  5. gordonisnz

    Slow down W3CSS animation ?

    EDIT: How do i NOTIIFY ME OF REPLIES - after i post something ? (i found out now -that i can do this if i reply to my own message). but theres no option to do this on an existing post. (I posted the above message without ticking the box).
  6. gordonisnz

    Slow down W3CSS animation ?

    https://www.w3schools.com/w3css/w3css_animate.asp Hello. I am interested in starting a page with animations (left / or right). Question 1: is there a way to SLOOW it down a bit ? The examples shown on the above site are very fast, and I would like the items to move at a slower pace, about 1/2 the speed. Question 2: I'm thinking of combining the left or right animation with slideshow, and with various content - cards, text, etc. I think it is possible to combine the content. But i'm just trying to figure out how to slow it own first.. (otherwise I wont want the animation).
  7. gordonisnz

    Help with SLIDESHOW - W3CSS

    i did the 2 x feedback limes to compensate for the fact the 1st one didnt show up enough. - Removed the onload command. But its still loading the settimeout twice.. However i cant see how. Can you advise where i should move the timeout command so it only runs one time. I'll fix it when i return home
  8. gordonisnz

    Help with SLIDESHOW - W3CSS

    https://www.w3schools.com/w3css/w3css_slideshow.asp Hello. Im following the examples in the above slideshow. However Ive got a slight problem. <div class="mySlides w3-container"><a href="/todo#feedback" class="w3-bar-item w3-button w3-mobile">Feedback</a></div> <div class="mySlides w3-container"><a href="/todo#feedback" class="w3-bar-item w3-button w3-mobile">Contact us</a></div> <div class="mySlides w3-container"><a href="/todo#feedback" class="w3-bar-item w3-button w3-mobile">Feedback</a></div> I had only 2 lines, however Nothing worked - it didnt do anything. so i added the BODY ONLOAD command - (not shown in your example). next problem, is that it showed "feedback" VERY QUICKLY, and then "Contact us" for several seconds. Then it BRIEFLY (in a flash) showed FEEDBACK - and then Contact us for a few seconds. So i copied the FEEDBACK line in again. But stil same problem - it VERY BRIEFLY shows a lime, & then several seconds of the next phrase. Can anyone assist with this problem ? Problem website: http://foe.kwister.com
  9. gordonisnz

    w3css & w3-hide-small

    NEVER MIND - Please ignore. I accidentally put my mobile phone on "desktop" mode - to view the desktop version of website Sorry. (now doing the float right div thing)
  10. gordonisnz

    w3css & w3-hide-small

    Hello. Im converting an old site into w3css & removing excess code etc. I have a few issues regarding the w3-hide-small option. 1) Ive got the top display showing my logo, title & the time.. On my main PC it is going ok, However ive added the w3-hide-small command on my logo. But when i look in my mobile phone - the width is too wide & its not adjusting to the small screen. It also STILL shows my logo even though ive advised it to HIDE on a small screen. QUERIES: does the hide command ONLY work in a container ? Ive tried it in a ROW with the GRID option however the hide command does not appear to be working, QUERY: is there a way to use containers - but within the grid style ? or hide the logo on small screens & adjust the size of theother 2 columns ? TINY Query. Is there a way to display ONE big container at the top - & have the time in a samller div (floating top-right), and the image/logo on the top left - the main title will flow around the other divs... (some titles are a bit long & look silly squashed in the middle). Example site: http://foe-new.kwister.com/decoration EDIT: i have the viewport command in the header - but this does not seem to have an effect (what i see on other pages ive done - other subdomain)
  11. gordonisnz

    W3CSS sidebar stopped closing

    Thank you. Yes - i remember now - during the validation check, (today) I only had <script> - But nothing after.. I googled & found type="javascript" so added that in, & validated & moved onto another thing to check. i didnt notice it not working till after. It now works...
  12. gordonisnz

    W3CSS sidebar stopped closing

    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 does not work. can anyone assist me in finding out what is wrong ? PS Ive sone a validation check on a few pages & they do validate. This is a simple page (less HTML code) - http://foe-new.kwister.com/acronym Thank you EDIT: I was not editing / upgrading the side-bar today - I was transferring other files. I do not know why the sidebar does not open/close.
  13. 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)
  14. 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
  15. 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>
×