Pivity

Help with CSS & HTML code

Last read Never
#1

Hello,

I'm currently experimenting my CSS and HTML skills with a school assignment. Currently I'm making an extension for the chrome store for students at my school. I need to have a CSS button that leads to a link that goes to a webpage. The HTML code <button class="button button">Shadow Button</button>is being pulled from a CSS StyleSheet that looks like this: http://pastebin.com/JaFh96AF.

Can anyone help me on putting a href into the html part of the code so when someone clicks the button it will go to a webpage?

Thanks

#2

I'm not too sure in what you mean, but I think this is what you want

<a href="linkhere"><button class="button button">Shadow Button</button></a>

this will make elements enclosed in the <a> tag linkable to the link you've put in the href.

Agree x 1Disagree x 1
#3

Not meaning to be a dick but

#4

Luna told me to post this real fast.

<a href="link2site" class="btn">This is a button</a>

#5
ByNookyavaat 13th of January 2017 00:50:04
Luna told me to post this real fast.<a href="link2site" class="btn">This is a button</a>

That only works if the class btn actually creates a button. If you want to, you can use the one previously stated above with the <a> tags, OR you can use

<button onclick="window.location.href='https://google.com'">This is a Button</button>

#6

I got this to work:

<a href="https://google.com" target="new"><button class="button button">Shadow Button</button></a>

I had to put target="new" because it wouldn't do anything without it. Thanks for the help!

Users viewing this thread
Nobody