Jump to content
Chrex

PHP Button - type and css?

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

Share this post


Link to post
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

Share this post


Link to post
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>

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...