Funce

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?

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>

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?

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"?

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.

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.

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%;
}

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?

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.

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.

Your code has been affected by the forum formatter.

Please make sure you put your code inside code blocks to prevent this from occuring

16 hours ago, Ingolme said:

Right, blame the fox.

Oh no, Ingolme!!!

7 hours ago, Steven1 said:

I just tried in Chrome and it works but Firefox reports an error. This is weird that this is browser independent. Mind= blown.

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!

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.

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.

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.

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. 

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

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.

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.

How about you post some code for us to look at your implementation. It may be some obscure JavaScript thing tripping it up.

If you want to send an email based on form submission, then you'll need to use a server-side programming language. Try the PHP tutorial, and proceed onto PHP Forms for Form Handling.

Then check out the mail() function after that.

You can take a look at other server side languages but PHP is my bias.

Which browser are you using?

You're usually able to get the console by going into the Browser developer tools. On Chrome that's F12

Have you checked your JavaScript console for errors? It may give you a clue as to what's going on.

Hi there, welcome to the forums!

As it stands, your question can't really help us determine what's wrong apart from downloading a random file.

It would help if you did the following

• Tell us in your post what you're trying to do.
  • Are you seeing an error? Or looking for one. What makes you think its an error, if you can't find it?
• Tell us what you're expecting
• Give us a snippet of code using the code block feature to show what's actually happening.

11 minutes ago, Ingolme said:

PHP does understand relative paths. 

Oh heck my bad lmao