Link??

I completely have no idea about CSS. All I want to do is that the fowllowing Button should link to another URL.I think that can be done by editing the CSS.Help me guys..

        <input name="button" type="submit" class="button" id="button" value="Continue" />

Code (markup):

Thanks in Advance

 

No to 'link' to another URL you will need an <a> tag, and this has nothing to do with CSS.

 

Though you can use CSS to make an anchor LOOK like a button (well, kind-of) - but yeah, button is the wrong tag when making a link. The tag you want is called and ANCHOR. As frntnd said, <a href="destination.html>Anchor Text</a>

Unless of course you are actually inside a form which is where button is supposed to be used, in which case you set "action" on the form.

NOT that it's recommended to use BUTTON given that cross-browser it's got some pesky compatibility issues. that's really more of a job for <input type="submit"

 

Just insert onclick="document.location.href='a_webpage.html';" into your button code, so it looks like this:

<input name="button" type="submit" class="button" id="button" value="Continue" onclick="document.location.href='a_webpage.html';"/>

(change a_webpage.html to the page you want to load)

 

... and say hello to using javascript to do HTML's job.

 

Thanks Guys for the help...I tried onclick but clicking the button redirects to the same page again.
Here's what I used.Didn't Work

<input name="button" type="submit" class="button" id="button" value="Continue" onclick="document.location.href='contactus.html';"/>

 

I sent you a PM in response to yours, but I'll share with the group.

For what you are doing there, button - a form element, is pretty much wrong. Having seen the page all that's needed there is:

<a href="contactus.html" class="downloadButton">Download Now!</a>

with this for CSS:

.downloadButton {
	display:block; /* let us set dimensions on it */
	margin:0 auto; /* center it */
	text-decoration:none;
	font:bold 18px/20px verdana,arial,helvetica,sans-serif;
	color:#FFF;
	background:#800;
	border:2px solid #000;
}

.downloadButton:active,
.downloadButton:focus,
.downloadButton:hover {
	background:#C00;
}

Code (markup):

An anchor is the element that SHOULD be used, it just needs a bit of CSS to make it have the button styling you wanted.