Jump to content


  • Content Count

  • Joined

  • Last visited

  • Days Won


Funce last won the day on January 16

Funce had the most liked content!

Community Reputation

40 Excellent


About Funce

  • Rank
    The Lookout
  • Birthday April 24

Previous Fields

  • Languages
    HTML, CSS, JavaScript, PHP, SQL, BYOND(DM)

Profile Information

  • Location
    New Zealand

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Funce


    Hi there, Welcome to the forums, please include your code in a code block, and include the question in your post. Thanks.
  2. Are your changes getting through at all? Have you tried to make an unrelated but viewable change? Page could be cached, or you might not be on the right page at all. I think I've managed to find the page you've linked to, I've manually inserted the anchor tag via the browser dev tools. Everything looks fine. <div class="calcite-web"> <div class="card-base"> <div class="card-image-wrap"> <a href="https://gis.franklincountyva.gov/compviewer/index.html"> <img alt="Public GIS Viewer" class="card-image" src="https://franklincova.maps.arcgis.com/sharing/rest/content/items/a6e74f639ac34dd48e3bc6d9ee390d0a/data?w=400"> </a> </div> <div class="card-content"> <h4>Comprehensive Parcel Search</h4> <p style="min-height: 50px">This is a more comprehensive viewer for industry professionals that has more layers and more tools for those who work with land and real estate. </p> <div class="btn-group btn-group-justified" aria-label="actions" role="group"> <a href="https://gis.franklincountyva.gov/compviewer/index.html" target="_blank" class="btn btn-primary">Access GIS Viewer</a> </div> </div> </div> </div> As an aside: card-image-wrap has basic styling and uses Flexbox .card-image-wrap { width: 100%; position: relative; margin-bottom: 0; flex: 0 0 auto; }
  3. It is possible for it to be done, but not safely. What sort of data are you working with here? Can you provide a light example? This sort of thing usually indicates more of a design problem, than an implementation issue.
  4. All good, all good. How about you post what you've just tried, and we can see what's going on.
  5. Hi there, Welcome to the forums! In future if you're going to posting code, you may want to use the Forum's code block feature. That allows us to read it easier. Now onto your question, there isn't anything too tricky. I'll see if I can lead you to a solution. In HTML5, <a> tags can hold any other element except another interactive tag like another <a> tag or <button> <a> tags provide a click behaviour that navigates to the page noted in its own href attribute. Are you able to proceed?
  6. Funce

    Responsive 5 columns?

    The 12 column grid is quite flexible. I'd recommend even columns, but you want 5, so perhaps you can try your 2-3-2-3-2 method. <div class="w3-row"> <div class="w3-col s2"><img src="img_lights.jpg"></div> <div class="w3-col s3"><img src="img_nature.jpg"></div> <div class="w3-col s2"><img src="img_snowtops.jpg"></div> <div class="w3-col s3"><img src="img_lights.jpg"></div> <div class="w3-col s2"><img src="img_nature.jpg"></div> </div>
  7. In my opinion, consistency would be probably be the biggest factor in this one. You don't want people to feel like they're visiting an entirely different website when they switch to your blog. What do you do for the headings of your blog posts? Are they centred or left aligned? Do you normally have a top of page navbar?
  8. Hi there, Welcome to the forums! You're code's run into a little problem, with the forum's in built formatter. Please make sure to use codeblocks for your code lest this continue to happen. Now in regards to your problem, it lies in your tablinks. None of your items that you've created are getting selected to start off with. Here's the example code: <div class="tab"> <button class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen">London</button> <button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button> <button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button> </div> Are you able to work it out from here?
  9. Funce

    toggle switch

    Hi there, Welcome to the forums! Can you post a snippet of code of what you've tried? Could you expand on what you mean by "toggle switch"?
  10. Hi there, So first off, your results! You say they're incomplete and don't understand why, that's cool. But what are the results you wanted? What did you end up getting? What data is in your database? If you can mock up a database entry, and give us your expected output, and actual output, we might be able to get somewhere.
  11. I took a day to think on this, and I think there might be a larger design issue here. Regardless of what's wrong, I need to know what you've tried before. Provide the code that wasn't working if possible please. And try using a code block, so you don't run out of attachment space.
  12. Hi there, Welcome to the forums! In the example you've placed here, the HTML document doesn't actually cover "the whole page" if you're referring to the browser window. The only part that fills up is the body. You might be able to apply some combination of these styles so that it does fill in the browser window. html { margin: 0px; height: 100%; width: 100%; } body { margin: 0px; min-height: 100%; width: 100%; }
  13. Hi there Melford, I've just had a look through, and I'm not completely sure what you'd like to do here. You'd like to change your item list with Item name, number etc and change into... what exactly? the promotional and seasonal? Do you want to recreate the table in that grid css format? What's been the issue so far? What have you tried?
  14. While you find a way to make an example out of your code, here are some tutorials you could follow for the effects you requrie. In the meantime you may want to have a look at the following tutorials: https://www.w3schools.com/jsref/event_onclick.asp For your Click Event https://www.w3schools.com/js/js_htmldom_css.asp For your color change https://www.w3schools.com/js/js_htmldom_html.asp To change the ?'s to numbers If you have any more questions, please let me know. In thread please.
  15. Without the code I can't directly advise, however you should be able to use a click handler on those buttons, change the clicked button to blue (either apply class or direct style), and then display another one of those buttons where you'd like them to appear. The last one would be a lot more dependent on how it all works to begin with.
  • Create New...