Ask coding questions

← Back to all posts
Button Not Working, struggling to position <h3> tag
Pizzaz4me (56)

So, I created another folder, and tried to get a button to link to a HTML file in that folder. But, it's not working. How do I do it? Also, I added a background image, and an <h3> tag, but it's kinda too close to a fake window in the background. I want to know if it is possible to to move that item in the background file down, move the enitre background down itself, or move the <h3> tag more up.

this is the window.

the h3 tag.

So, is it possible to move that "window" down, or the <h3> tag up, or move the entire background image donw?

Answered by Bookie0 (6260) [earned 5 cycles]
View Answer
Comments
hotnewtop
Bookie0 (6260)

Ok so which file do you want the button to link to? I'm assuming it's ide.html in the folder IDE.

For that, you can put it in a form:

<form action="IDE/ide.html">
    <input type="submit" value="Start Coding" />
</form>

I think you can move the <h3> up by doing margin-bottom: 200px; (change 200 to what you want).

Btw, in index.html you forgot the ending > on line 9 after -scale="1 :)

Good luck! :D

Pizzaz4me (56)

the form thing doesn't work @Bookie0

Bookie0 (6260)

Can You show me the code? Remember to replace IDE/ide.html with where you want the link to go.

Also check this out, you could also try <button onclick="window.location.href = 'https://w3docs.com';">Click Here</button> where you replace the link :) @Pizzaz4me

Coder100 (18092)

also don't forget to make your html valid too

Coder100 (18092)

Don't forget headers have margins. This is what happens when you just add one tiny piece of code:

that tiny piece of code:

h3 { margin: 0; }

xD

ch1ck3n (2042)

https://replit.com/@ch1ck3n/why-is-this-not-working#style.css

#desc{
  position: absolute;
  bottom: 40px;
  text-align: center;
  margin-left: 23.5%;
}

i think this is what you're going for.

note: add the id of desc to the h3

ch1ck3n (2042)

i love the honesty in the description