Buttons HTML

  • dudewalker

    (@dudewalker)


    14 years, 5 months ago

    My apologies, I forgot to place the code between backticks on my previous post.

    I am trying to create simple html buttons to carry out functions.

    I can create the buttons…but they will not carry out the function??

    EXAMPLE A: (like the look does not work)

    <button><a href="http://dudewalker.org/music/" target="_self">Music Archive</a></button>

    EXAMPLE B: (works…don’t like the look)

    <FORM METHOD="LINK" ACTION="http://dudewalker.org/music/">
<INPUT TYPE="submit" VALUE="Music Archive">
</FORM>

    I can create a png image and use the function…however, it adds a lot of code to a simple function.

    Any suggestions…?

Viewing 1 replies (of 1 total)
  • s_ha_dum

    (@apljdi)

    14 years, 5 months ago

    You can style either an a or an input to look like a button. This part of wp-admin.css should give you an idea of what to do:

    #postcustomstuff .submit input {
	text-decoration: none;
	font-size: 11px !important;
	line-height: 16px;
	padding: 2px 8px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}

a.button,
a.button-primary,
a.button-secondary {
	line-height: 1.2em;
	-webkit-border-radius: 10px;
	padding: 4px 10px;
	white-space: nowrap;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Buttons HTML’ is closed to new replies.