Jump to content

xiecsuk

Members
  • Posts

    10
  • Joined

  • Last visited

About xiecsuk

  • Birthday 12/12/1942

Previous Fields

  • Languages
    Visual Studio, C#, HTML, CSS, JQuery to some extent

Profile Information

  • Gender
    Male
  • Location
    Leamington Spa, UK
  • Interests
    Computer programming, lawn bowls

xiecsuk's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Thank you very much for that. The first example is exactly the effect I want. I will now build it into my code. Thanks again.
  2. Your comment that "The 'w3-modal' uses position: fixed; this is always to the browser viewport area" surprises me. Surely, when designing a website, your complete focus is the area occupied by the website; at least mine is. I define dimensions for the website, which may be fixed at its widest and then become progressively narrower if the browser viewport narrows.. As the designer of the site, I expect everything to be contained within the website dimensions regardless of the width of the browser. The position: fixed should be relative to the website dimensions, not the browser dimensions. To try and overcome this problem, could I add position: absolute; to the <div class="w3-layout-container"> statement to correct the problem?
  3. I have created a modal object which is divided into four quarters. The definition is as follows: <div class="w3-layout-container"> <div id="ShowFirst" class="w3-modal"> <div class="w3-modal-content w3-left w3-animate-left w3-card" style="max-width:320px; height:220px; margin-top:12%;"> <span onclick="document.getElementById('ShowFirst').style.display='none'"> <a class="w3-btn w3-red" style="width:150px; height:100px; margin-left:6px; margin-top:6px; margin-bottom:6px;" onclick="document.getElementById ('ShowClub').style.display = 'block'">Club Chatters</a> <a class="w3-btn w3-yellow" style="width:150px; height:100px; margin-top:6px; margin-bottom:6px;" onclick="document.getElementById('ShowMatch').style.display = 'block'">Match Matters</a> <a class="w3-btn w3-green" style="width:150px; height:100px; margin-left:6px;" onclick="document.getElementById('ShowSocial').style.display = 'block'">Social Soirées</a> <a class="w3-btn w3-blue" style="width:150px; height:100px;" onclick="document.getElementById('ShowPast').style.display = 'block'">Past Participles</a> </span> </div> </div> </div> If I centre the webpage in the browser, the modal object is displayed to the left but outside the width of the webpage. I didn't expect that. I expected it to be anchored to the left of the webpage rather than the browser. Surely, all the objects created by W3.CSS should be displayed within the boundary of the web site.
  4. xiecsuk

    Bootstrap v W3.CSS

    Nothing is displayed if you follow that link. There are 0 of 0 pages
  5. I am just getting into responsive design and am wondering just what it means. The frameworks I have looked, bootstrap and w3.css, seem to be responsive in the horizontal direction only. Are there any objects that provide responsiveness in the vertical direction? For instance, I have a header container which contains a graphic occupying the full depth of the space allocated for the header. There is a toolbar at the top and the website name under it to the right of the graphic. Everything looks OK at full width, but when I start to decrease the width, everything decreases proportionately except the depth of the container. So on a medium screen, I am left with a nicely proportionate graphic, toolbar and title in a container about twice the depth it needs to be. Is there a way the depth can be made responsive?
  6. xiecsuk

    Bootstrap v W3.CSS

    As a beginner in the use of frameworks, I am finding it very difficult to choose between Boostrap and W3.CSS. They both seem to have advantages, and I know that Bootstrap is the more widely used, but generally I am finding that W3.CSS is perhaps easier to use. What is the experience of other Members and which would they choose?
  7. Has anyone tried to use the Google Website Translator gadget? I have created one and tried to include it in a website I am building. It translates the website OK but I appear to have very little control over where I can place it. I have tried many combinations to try and put it where I want it. Most times it is appearing under the Copyright row completely. I am using the W3.CSS framework for the first time, a very good framework I might add, and want to place it a the bottom right corner of the website. The code that has given me the closest to what I want is as follows: <footer> <div class="w3-row"> <div class="w3-center w3-small"> Copyright ©<a href="blah blah blah blah"> BLAH</a> some years<br /> All rights reserved <div class="w3-right"> <div id="google_translate_element"></div> </div> </div> </div> </footer> ​There is some script code also needed which I haven't included. As I said, that performs the translation OK.. The outcome is that the google element occupies 2 lines at the right hand end of the footer. That is correct. However, it is displaced downwards by one line. The copyright line is centred within the full width of the footer but the All rights reserved line is displaced to the left and centred in what remains of the footer width after deducting the width of the google element. This suggests that both lines of the footer would have been shifted left if the blank line wasn't there. It appears that the element is not obeying the rules or I have misunderstood how to use W3.CSS. Any help would be greatly appreciated.
  8. No, I can't add my avatar to my profile. I am in my General Account Settings and am trying to "change my photo" but without any luck. I am trying to "Use a custom photo" to download a .png file off my system, but nothing is being downloaded. If anyone has any suggestions, they would be most welcome.
  9. Hi I've just discovered W3Schools, in particular, W3.CSS, which I think is fantastic. I have been struggling with Bootstrap, and really getting nowhere. I find W3.CSS so much easier to use. Someone ought to push to get it as an alternative choice framework in ASP.NET. Now about myself Full name: Roger Hampson, Alternative name(s): None, Birth date 12/12/1942, Gender: Male, Zodiacal sign: Sagittarius, Country of residence: England, City of residence: Bubbenhall, Royal Leamington Spa, Height: over 6 foot, Weight: Too heavy (according to my wife), Eyes: Brown, Hair: Silver, Smoking/Drinking/Drugs: No/Beer, Vodka&Tonic/No, Favourite Music: Popular Rock (The Eagles, Clearwater Revival, Elton John, Roy Orbison, etc, etc), Favourite Movies: Not really interested in movies, Interests: Bird watching, Lawn bowls, being on my computer, Pets: None, Additional comments: I am currently re-writing the web site for my bowls club.
  10. As a new subscriber to these Forums, I have been setting up my profile. Unfortuneately I have been unable to set my picture. I have a .png picture of only 9Kb that I use on a number of other sites, but I can't seem to save it. Does anyone have any suggestions?
×
×
  • Create New...