Jump to content

PHP Button - type and css?


Chrex

Recommended Posts

Hi there,

 

can you just use a button to "submit" and "delete" something? Im planing to have a "link"-button.

Is there a tutorial for buttons? I want to learn how to create and design buttons. :)

 

Thanks for your help,

Chrex

Link to comment
Share on other sites

But how can I set a link behind the button?

 

 

Putting the href in the button doesnt work:

<button class="123" href="abc.html">abc</button>

Putting the button-class in the link doesnt work too:

<a class="button" href="abc.html">abc</a>
Edited by Chrex
Link to comment
Share on other sites

css

            .anchor_button {                border-radius: 13px;                box-shadow: 2px 2px 5px #555;                color: #fff;                display: block;                height: 35px;                line-height: 35px;                margin: 10px;                text-align: center;                width: 185px;                /*gradient generator http://www.colorzilla.com/gradient-editor/*/                background: #2976cd; /* Old browsers */                background: -moz-linear-gradient(top,  #2976cd 0%, #53a0df 50%, #3e94e0 100%, #96c7ec 100%); /* FF3.6+ */                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2976cd), color-stop(50%,#53a0df), color-stop(100%,#3e94e0), color-stop(100%,#96c7ec)); /* Chrome,Safari4+ */                background: -webkit-linear-gradient(top,  #2976cd 0%,#53a0df 50%,#3e94e0 100%,#96c7ec 100%); /* Chrome10+,Safari5.1+ */                background: -o-linear-gradient(top,  #2976cd 0%,#53a0df 50%,#3e94e0 100%,#96c7ec 100%); /* Opera 11.10+ */                background: -ms-linear-gradient(top,  #2976cd 0%,#53a0df 50%,#3e94e0 100%,#96c7ec 100%); /* IE10+ */                background: linear-gradient(to bottom,  #2976cd 0%,#53a0df 50%,#3e94e0 100%,#96c7ec 100%); /* W3C */                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2976cd', endColorstr='#96c7ec',GradientType=0 ); /* IE6-9 */            }

html

<a class="anchor_button" href="http://google.com">Google</a>
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...