Jump to content


  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by Funce

  1. Funce


    So the above is what works, show me what doesn't work. You want an email field. You seem to have idea on how to start it, I want to see what you do with it.
  2. Funce


    Hi there, Welcome to the forums, please include your code in a code block, and include the question in your post. Thanks.
  3. 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; }
  4. 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.
  5. All good, all good. How about you post what you've just tried, and we can see what's going on.
  6. 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?
  7. 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>
  8. 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?
  9. 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?
  10. 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"?
  11. 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.
  12. 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.
  13. 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%; }
  14. 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?
  15. 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.
  16. 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.
  17. Your code has been affected by the forum formatter. Please make sure you put your code inside code blocks to prevent this from occuring
  18. Oh no, Ingolme!!! It seems to be an interesting behaviour of window.getComputedStyle() and getPropertyValue("text-decoration") Its important to note, that the exercise checks for the existence of none inside this property value. On Firefox, when you've defined the text-decoration as none it actually removes the text-decoration-line(default: underline) and text-decoration-style(solid) keywords from the text-decoration property value. So you're only left with the text-decoration-color. Hence the process fails. On Chrome, text-decoration is property that seems to be directly combined from text-decoration-line, text-decoration-style, and text-decoration-color. Hence none exists, the process succeeds, and the question is marked correct. If the question checked for text-decoration-line instead of generic text-decoration, this question would no longer be an issue. I agree, this is very interesting stuff!
  19. Be aware that the recent version of Firefox is having some issues with some of the exercises. As an alternative, Chrome works just fine on this question.
  20. Hi there, welcome to the forums! @ioannis Can you reduce this example down to a more readable size? I can guarantee you won't need the entire page to show off the dropdown behaviour And try a code block for your code.
  21. If you can catch the URL of these pages (the w3 page, not the malicious one), and send it to me via Private Message when it occurs, that would be good.
  22. You specify that last week it was happening, is it not happening any more? I haven't seen anything, which pages were you looking at? All of the ads on w3schools are GoogleAds. If you run into malicious advertising you'll need to report the ad itself in the top right hand corner of it.
  23. What would you be looking for in particular? Because that's one of the w3.css examples, not the basic ones. If you want some more w3.css, there are a large amount of examples you can find here
  24. You need to add some styling to the row class so that it has the spacing it requires. If you add margin-bottom: 5px to your declaration, it should space alright, and you can adjust that figure to your needs.
  25. Funce

    Alias for Tables Example

    This SQL is filtering by CustomerName of Around the horn, equivalenting to a CustomerID of 4. This is not the same as an employeeID. IF you look closely at the returned set, you'll find that the two records have an employeeID of 6 and 8 respectively. CustomerID CustomerName ContactName Address City PostalCode Country OrderID EmployeeID OrderDate ShipperID 4 Around the Horn Thomas Hardy 120 Hanover Sq. London WA1 1DP UK 10355 6 1996-11-15 1 4 Around the Horn Thomas Hardy 120 Hanover Sq. London WA1 1DP UK 10383 8 1996-12-16 3
  • Create New...