How to add a new button to an existing webpage

Get Started
1

Hello everyone,

I’m just wondering if someone can help me out a little bit. I’m a complete novice to web design, but I’m currently spending many hours learning HTML & CSS pretty much everyday (solely for personal interest). I have some basic understanding of HTML and have a question I’m hoping someone can shed some light on.

At my work place, we have an internal site which was created by an ex-employee. I have recently made some contact forms (with help from members on Sitepoint) and I would like to add a new link to the site in the form of a button (Just a nice CSS/HTML one would do nicely!).

Just in case this matters, this is purely from the HTML/CSS point of view as the ‘website’ isn’t actually live, but just contained in a folder on a shared drive and everyone has a short cut on their desktop.

Anyhelp would be much appreciated!

Cheers :slight_smile:

2

Hi there,

Not quite sure what you mean here.
You can add a button to a web page using the <button> tag.
You can style it by applying a class to it and defining a couple of CSS rules.
E.g.

<button type="button" class="blue">Click Me!</button>

.blue{color: blue;}

If this isn’t what you mean, just let me know.

3

Thanks for the answer Pullo,

I didn’t really make myself too clear, if its OK, I’ll re-post again tomorrow at work and include the code with some sceenshots to support.

I think mainly its about positioning the button and getting it to be the same as the ones already on the webpage,

Cheers matey

4

Hi there Johno,

Yup, no problem.
Some code and/or a screen shot would really help.
I’m sure it won’t be too hard to sort out :slight_smile:

Also, if you post back in this thread, I’m subscribed to it, so I’ll be able to hop straight back in.

5

Using button is one solution. but you can insert the button as image or make it the image like background, use spirit background can help you.

6

Hello everyone, just reporting back to say I’ve found the solution to my problem! I just placed a HTML button and styled/positioned it using CSS with a hover attribute,

Thanks to everyone who tried to help!

Great site as always.

7

Glad you got it sorted.
Thanks for taking the time to follow up :slight_smile: