|
HTML - Help With Buttons On My Site...
3 easy questions for my site i need help with.
www.waykiwayki.com bear in mind i am from the planet noobian in the solar system noobianestnoobies. when i click download it opens the PDF, i want it to save e.g. with the standard "open or save" popup. the code says <a href="./Wayki Wayki.pdf"> so its just a link at the moment. i would like this button to launch a small popup too (another html file). the donation button i want to link to my paypal account, does anyone know the code for this and where to put it e.g. between what tags? also how do i give the browser a title (not 'untitled'). i am using the 'WYSIWYG web builder' and I am rubbish you are all great and i want off panet noobian :-) Similar TutorialsI am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! Ok, ive made the background i want to use on photoshop and im using freewebs for now just to host my website. I've set the background to centre and top, and i am now trying to edit the site on frontpage. I need to put a button in that links to the main page from the first entrance page, which is easier enough. But i need the button to stay centered just below the logo, which is what i need help with. If you dont understand what i mean take a look yourself... http://www.freewebs.com/endofsyrum I need a "Click to Enter" button inbetween the bottom of the page and the bottom of the logo, and i would like it to stay there no matter what screen res or size fo window... Many Thanks, Narc I've played around with this code but it seems as if I can't get the buttons to appear. Is this related to the script type? Anyone know how I can fix this? [the location is not set yet, my problem is just getting the buttons to show up] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE> Meats </TITLE> </HEAD> <BODY> <SCRIPT type="text/javascript"> <table> <table border="1" align="center" cellpadding="1" cellspacing="1" BGCOLOR=blue > <tr> <td> <INPUT type="button" value="Home" name="button1"onClick="window.location='http://www.htm'"> <td> <INPUT type="button" value="History" name="button2" onClick="window.location='http://steakslocation.htm'"> <td> <INPUT type="button" value="Residents" name="button3" onClick="window.location='http://porklocation.htm'"> <td> <INPUT type="button" value="Events" name="button4" onClick="window.location='http://poultrylocation.htm'"> <td> <INPUT type="button" value="Links" name="button5" onClick="window.location='http://venisonlocation.htm'"> </SCRIPT type="text/javascript"> <div id="PICTURE"> <img src="anthropormophic_bacon.jpg" height="90%" width="90%" alt="Buddy!" /> <center> Y Halo Thar </center> </div> </table> The content of the document...... </BODY> </HTML> I would like to use images as links in my nav bar and im looking for a tutorial or some help with how to make the buttons change when diffrent actions are taken.. eg link visited hover active but i dont know how to change the properties of the link, if anyone can point me in the direction on how to do this either in CSS or in each web page i would be verry grateful i have looked around and havent been able to find anything So I'm extremely new to HTML and I am trying to make a button open new tabs to two sites. Here is what I got so far: HTML Code: <a href='http://www.planetminecraft.com' title='Planet Minecraft : Supporting our Addiction!'><img src='http://www.planetminecraft.com/images/banners/planet_minecraft_mb.gif' border='0' alt='Planet Minecraft Banner'></a> I am making a simple calculator program for a school science fair project, and I used a CSS Button Maker program that I got fro ma google search, and when I try to change my buttons from the normal preset ones to the one I made, it disrupts the onClick, and makes he buttons not work. any idea on how to fix this? Here is before the change to the cool buttons: Code: <HTML>
<HEAD>
<TITLE>Gavin's Science Fair Project</TITLE>
<script LANGUAGE="JavaScript">
function CalculateSum(Atext, Btext, form)
{
var A = parseFloat(Atext);
var B = parseFloat(Btext);
form.Answer.value = A + B;
}
function CalculateDif(Atext, Btext, form)
{
var A = parseFloat(Atext);
var B = parseFloat(Btext);
form.Answer.value = A - B;
}
function CalculatePro(Atext, Btext, form)
{
var A = parseFloat(Atext);
var B = parseFloat(Btext);
form.Answer.value = A * B;
}
function CalculateQuo(Atext, Btext, form)
{
var A = parseFloat(Atext);
var B = parseFloat(Btext);
form.Answer.value = A % B;
}
function ClearForm(form)
{
form.input_A.value = "";
form.input_B.value = "";
form.Answer.value = "";
}
// end of JavaScript functions -->
</SCRIPT>
<style type="text/css">
input.groovybutton
{
font-size:15px;
width: 250px;
height: 25px;
font-family:Comic Sans MS,sans-serif;
font-weight:bold;
color:#000000;
background-color:#FF0066;
border-style:outset;
}
</style>
</HEAD>
<DIV ALIGN=CENTER>
<table border="10" bgcolor="#0C6AA1">
<tr>
<td><P><FONT SIZE="+3">Simple Calculator</FONT></P>
<FORM NAME="Calculator" METHOD="post">
<P>Enter a number: <INPUT TYPE=TEXT NAME="input_A" SIZE=15></P>
<P>Enter a number: <INPUT TYPE=TEXT NAME="input_B" SIZE=14></P>
<DIV ALIGN=CENTER><P><INPUT TYPE="button" VALUE="Add Numbers" name="AddButton" onClick="CalculateSum(this.form.input_A.value, this.form.input_B.value, this.form)"></P>
<P><INPUT TYPE="button" VALUE="Subtract Numbers" name="SubButton" onClick="CalculateDif(this.form.input_A.value, this.form.input_B.value, this.form)"></P>
<P><INPUT TYPE="button" VALUE="Multiply Numbers" name="MultButton" onClick="CalculatePro(this.form.input_A.value, this.form.input_B.value, this.form)"></P>
<P><INPUT TYPE="button" VALUE="Divide Numbers" name="DivButton" onClick="CalculateQuo(this.form.input_A.value, this.form.input_B.value, this.form)"></P>
<P><INPUT TYPE="button" VALUE="Clear Fields" name="ClearButton" onClick="ClearForm(this.form)"></P></DIV>
<P>Answer = <INPUT TYPE=TEXT NAME="Answer" SIZE=18></P>
</FORM></td>
</DIV>
</BODY>
</HTML>
And here is after: Code: <HTML>
<HEAD>
<TITLE>Gavin's Science Fair Project</TITLE>
<script LANGUAGE="JavaScript">
function CalculateSum(Atext, Btext, form)
{
var A = parseFloat(Atext);
var B = parseFloat(Btext);
form.Answer.value = A + B;
}
function CalculateDif(Atext, Btext, form)
{
var A = parseFloat(Atext);
var B = parseFloat(Btext);
form.Answer.value = A - B;
}
function CalculatePro(Atext, Btext, form)
{
var A = parseFloat(Atext);
var B = parseFloat(Btext);
form.Answer.value = A * B;
}
function CalculateQuo(Atext, Btext, form)
{
var A = parseFloat(Atext);
var B = parseFloat(Btext);
form.Answer.value = A % B;
}
function ClearForm(form)
{
form.input_A.value = "";
form.input_B.value = "";
form.Answer.value = "";
}
// end of JavaScript functions -->
</SCRIPT>
<style type="text/css">
input.groovybutton
{
font-size:15px;
width: 250px;
height: 25px;
font-family:Comic Sans MS,sans-serif;
font-weight:bold;
color:#000000;
background-color:#FF0066;
border-style:outset;
}
</style>
</HEAD>
<DIV ALIGN=CENTER>
<table border="10" bgcolor="#0C6AA1">
<tr>
<td><P><FONT SIZE="+3">Simple Calculator</FONT></P>
<FORM NAME="Calculator" METHOD="post">
<P>Enter a number: <INPUT TYPE=TEXT NAME="input_A" SIZE=15></P>
<P>Enter a number: <INPUT TYPE=TEXT NAME="input_B" SIZE=15></P>
<form name="groovyform">
<input
type="button"
name="AddButon"
class="groovybutton"
value="Add Numbers"
onClick="CalculateSum(this.form.input_A.value, this.form.input_B.value, this.form)"
title="">
</form>
<form name="groovyform">
<input
type="button"
name="SubButton"
class="groovybutton"
value="Subtract Numbers"
onClick="CalculateDif(this.form.input_A.value, this.form.input_B.value, this.form)"
title="">
</form>
<form name="groovyform">
<input
type="button"
name="DivButton"
class="groovybutton"
value="Divide Numbers"
onClick="CalculateQuo(this.form.input_A.value, this.form.input_B.value, this.form)"
title="">
</form>
<form name="groovyform">
<input
type="button"
name="MultButton"
class="groovybutton"
value="Multiply Numbers"
onClick="CalculatePro(this.form.input_A.value, this.form.input_B.value, this.form)"
title="">
</form>
<form name="groovyform">
<input
type="button"
name="ClearButton"
class="groovybutton"
value="Clear Fields"
onClick="ClearForm(this.form)"
title="">
</form>
<P>Answer = <INPUT TYPE=TEXT NAME="Answer" SIZE=18></P>
</FORM></td>
</DIV>
</BODY>
</HTML>
If anyone can help with this, It would be greatly appreciated. Hi Guys/Ladies Im working through CSS learning it and so far its going well but i am stuck on this issue and a refuse to turn back to Html Tables etc i want to learn how to code without tables So i have a horizontal Menu bar and i would like to populate it with buttons linking to different sections on the site there is already two buttons but you can see from the image they are both touching one another i need to space them out, the buttons arent finished i want to get the layout sorted first then start adding detail. This is the CSS for the menu bar. I added the background image. HTML Code:
div.hideSkiplink
{
background-image: url('/images/BottomMenu.gif');
width:100%;
}
div.menu
{
padding: 4px 0px 4px 8px;
}
div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
}
div.menu ul li a, div.menu ul li a:visited
{
background-color: #465c71;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
}
div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
}
div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}
This is the code on the site master where im calling the CSS HTML Code: <div class="clear hideSkiplink">
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
<asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
</Items>
</asp:Menu>
</div>
iv attached the image so you can see what its doing.... Hope some one can help me Hey All, Well, I'm having some difficulty with buttons on my page. I've decided to add Google search to my website. However, I can't get the submit button to look right. Rather than the button appearing as shown in the photo directly below, it comes up looking like the button in the second photo below. I know this is a minor detail, but it's really bugging me and I can't figure out what's going on. Even if I go directly to Googles website, copy the source code, and paste it directly into my HTML editor (Frontpage 2003) the button still comes up looking like the one in the second picture. Any help would be greatly appreciated. Thanks! Tim www.corvette-restoration.com I'm still trying to insert buttons I've created in fireworks into a site i'm designing in dreamweaver. now the problem is that they don't show up at all. If i move the mouse, the pointer changes and links work to their pages, but there isn't anything to see. In the design view of dw the buttons don't show up either. Anyone know what the deal is? here's the code: --------------------- HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {background-color:#666600}
td img {display: block;}
table {margin:auto; width:800px; background-color:#9EAF41}
table td#desc {color:#666600; font-style:bold; text-align:center; font-family:benguiat bk bt;
font-size:16px; cellpadding:0px; cellspacing:0px}
table td#nav {width:200px; cellpadding:0px; cellspacing:0px}
table td#middle {text-align:center; width:400px; cellpadding:0px; cellspacing:0px}
table td#right {text-align:center; width:200px; cellpadding:0px; cellspacing:0px}
</style>
<script language="JavaScript1.2" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('images/navBtn_r1_c1_f2.jpg','images/navBtn_r1_c1_f4.jpg','images/navBtn_r1_c1_f3.jpg','images/navBtn_r3_c1_f2.jpg','images/navBtn_r3_c1_f4.jpg','images/navBtn_r3_c1_f3.jpg','images/navBtn_r5_c1_f2.jpg','images/navBtn_r5_c1_f4.jpg','images/navBtn_r5_c1_f3.jpg','images/navBtn_r7_c1_f2.jpg','images/navBtn_r7_c1_f4.jpg','images/navBtn_r7_c1_f3.jpg','images/navBtn_r9_c1_f2.jpg','images/navBtn_r9_c1_f4.jpg','images/navBtn_r9_c1_f3.jpg');">
<table>
<tr><td colspan="3"><img src="Media/indexBanner.png" /></td>
</tr>
<tr>
<td id="desc" colspan="3">
Colorado grower of premium flowers, organic vegetables, and herbs since 1996
<!-- <hr style="position:relative; top:-8px; width:75%; color:#66712B; background-color:#66712B;
border-bottom:thin; border-top:0px" /> -->
</td>
</tr>
<tr>
<td id="nav">
<table border="0" cellpadding="0" cellspacing="0" width="180">
<!-- fwtable fwsrc="navBtn.png" fwbase="navBtn.jpg" fwstyle="Dreamweaver" fwdocid = "2091273513" fwnested="0" -->
<tr>
<td><img src="images/spacer.gif" width="170" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="9" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="http://www.ridgway.k12.co.us" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r1_c1','images/navBtn_r1_c1_f2.jpg','images/navBtn_r1_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r1_c1','images/navBtn_r1_c1_f3.jpg',1);"><img name="navBtn_r1_c1" src="images/navBtn_r1_c1.jpg" width="171" height="30" border="0" id="navBtn_r1_c1" alt="" /></a></td>
<td rowspan="9"><img name="navBtn_r1_c3" src="images/navBtn_r1_c3.jpg" width="9" height="190" border="0" id="navBtn_r1_c3" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="navBtn_r2_c1" src="images/navBtn_r2_c1.jpg" width="171" height="10" border="0" id="navBtn_r2_c1" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="http://www.mcsd.org" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r3_c1','images/navBtn_r3_c1_f2.jpg','images/navBtn_r3_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r3_c1','images/navBtn_r3_c1_f3.jpg',1);"><img name="navBtn_r3_c1" src="images/navBtn_r3_c1.jpg" width="171" height="30" border="0" id="navBtn_r3_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="navBtn_r4_c1" src="images/navBtn_r4_c1.jpg" width="171" height="10" border="0" id="navBtn_r4_c1" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="http://www.msn.com" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r5_c1','images/navBtn_r5_c1_f2.jpg','images/navBtn_r5_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r5_c1','images/navBtn_r5_c1_f3.jpg',1);"><img name="navBtn_r5_c1" src="images/navBtn_r5_c1.jpg" width="170" height="30" border="0" id="navBtn_r5_c1" alt="" /></a></td>
<td rowspan="2"><img name="navBtn_r5_c2" src="images/navBtn_r5_c2.jpg" width="1" height="40" border="0" id="navBtn_r5_c2" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="navBtn_r6_c1" src="images/navBtn_r6_c1.jpg" width="170" height="10" border="0" id="navBtn_r6_c1" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="http://www.htmlforums.com" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r7_c1','images/navBtn_r7_c1_f2.jpg','images/navBtn_r7_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r7_c1','images/navBtn_r7_c1_f3.jpg',1);"><img name="navBtn_r7_c1" src="images/navBtn_r7_c1.jpg" width="171" height="30" border="0" id="navBtn_r7_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="navBtn_r8_c1" src="images/navBtn_r8_c1.jpg" width="171" height="10" border="0" id="navBtn_r8_c1" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="http://www.theguardian.com" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r9_c1','images/navBtn_r9_c1_f2.jpg','images/navBtn_r9_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r9_c1','images/navBtn_r9_c1_f3.jpg',1);"><img name="navBtn_r9_c1" src="images/navBtn_r9_c1.jpg" width="171" height="30" border="0" id="navBtn_r9_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
</tr>
</table>
</td>
<td id="middle">flash here</td>
<td id="right">quote here</td></tr>
</table>
</body>
</html>
Hi All, I Though i had all this figured out, But unfortunatly thats not the case im actually beginning to pull my hair out now All i want is three buttons in a line with a margin about seperating them from the web form. But i get the attached Heres my HTML HTML Code: <div class="leftColumn">
<asp:Label ID="lblUserRef" runat="server" CssClass="StandardLabel" Text="User Ref"
Style="margin-left: -7px; margin-right: 7px;"></asp:Label>
<asp:TextBox ID="txtUserReference" Style="margin-left: 2px" runat="server" ToolTip="Please enter a User reference"
CssClass="ShortTextBox"></asp:TextBox>
</div>
<div class="SmallSpace">
</div>
</div>
<div class="ButtonContainerDiv">
<div class="ButtonHolder">
<a href="#" class="CancelButton">Cancel</a> <a href="#" class="RaiseButton">Raise</a>
<a href="#" class="SaveButton">Save</a>
</div>
</div>
</asp:Content>
The small space has a pixel height of about 3. My Css for the buttons. HTML Code: .ButtonContainerDiv
{
margin-top:30px;
width:760px;
height: 100px;
margin-left:auto;
margin-right: auto;
}
.ButtonHolder
{
margin-left:auto;
margin-right: auto;
margin-bottom:auto;
margin-top:auto;
}
/* CANCEL BUTTON */
.CancelButton
{
-moz-box-shadow:inset 0px 0px 5px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 5px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ad0034), color-stop(1, #db0042) );
background:-moz-linear-gradient( center top, #ad0034 5%, #db0042 100% );
background-color:#ad0034;
-moz-border-radius:12px;
border:1px solid #616161;
display:inline-block;
color:#ffffff;
font-family:Verdana;
font-size:16px;
font-weight:bold;
padding:8px 40px;
text-decoration:none;
float: left;
}
.CancelButton:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #db0042), color-stop(1, #ad0034) );
background:-moz-linear-gradient( center top, #db0042 5%, #ad0034 100% );
background-color:#db0042;
}
.CancelButton:active
{
position:relative;
}
/* SAVE BUTTON */
.SaveButton
{
-moz-box-shadow:inset 0px 0px 5px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 5px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f1b214), color-stop(1, #d19602) );
background:-moz-linear-gradient( center top, #f1b214 5%, #d19602 100% );
background-color:#f1b214;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border:1px solid #616161;
display:inline-block;
color:#ffffff;
font-family:Verdana;
font-size:16px;
font-weight:bold;
padding:8px 40px;
text-decoration:none;
}
.SaveButton:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d19602), color-stop(1, #f1b214) );
background:-moz-linear-gradient( center top, #d19602 5%, #f1b214 100% );
background-color:#d19602;
}
.SaveButton:active
{
position:relative;
}
/* RAISE BUTTON */
.RaiseButton
{
-moz-box-shadow:inset 0px 0px 5px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 5px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #549228), color-stop(1, #377508) );
background:-moz-linear-gradient( center top, #549228 5%, #377508 100% );
background-color:#549228;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border:1px solid #616161;
display:inline-block;
color:#ffffff;
font-family:Verdana;
font-size:16px;
font-weight:bold;
padding:8px 40px;
text-decoration:none;
float:right;
}
.RaiseButton:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #377508), color-stop(1, #549228) );
background:-moz-linear-gradient( center top, #377508 5%, #549228 100% );
background-color:#377508;
}
.RaiseButton:active
{
position:relative;
}
Please someone help me When i go to the home page, the "Dashboard & Follow" buttons appears, but when i go to a specefic ID post, i don't see the button "Reblog nor Like" it's empty, on the top on the right, there is nothing, how can i fixt that ? it's seems it's independant from tumblr, but with my theme, it doesn't work ! www.liberemoi.tumblr.com can anyone help me on this ? if anyone need the code of my theme....Anything !! So, I'm building a homepage and recently exported a button created in fireworks. When I open the file in it's own window and view it works great, actions and all. However, when I insert the fireworks html file into what I've coded already for the homepage the image shows up but without actions. The javascript code was not inserted. I understand that the javascript code must be present for the rollover actions to occur but don't understand why this wouldn't be inserted when I insert the fireworks html file. Can someone clarify this for me. Must I copy this code over manually from the other html file and paste in the homepage file for it to work? I've never run into this problem before. Thanks for the help... Hi all, I have a question on the following code <?php if ($flag == 1) { echo "<HR COLOR=#0433f>"; ?> <form method="post" action="asstnt.php"> <input type="hidden" name="id" value="<?php echo $a ?>"> <input type="submit" value="Next"> <input type="button" value="Previous" onClick="window.location='javascript:history.go(-1)'"> <input name="Action5" type="button" id="Action5" value="Done" onClick="javascript:window.location.href='gotohome.php';"> </form> My question is that why do i get a space or blank line between the coloured line and the buttons.And how to eliminate the blank line. Thanks in advance. Hello All, I'm trying to make my buttons "fixxed" so they don't resize when I zoom in and out. I'm also trying to make it so they stay on 1 line. Any idea how to do this? P.S position: fixed; in the style sheet doesn't work Thanks, Zaroth Morning everyone, hope you can help me! I made a website for a band a few months ago, 1st attempt at this sort of site. The problem i am having a few of the customers, have emailed the band saying the paypal buttons are not working on the merchandise page. So i checked this on my home PC that runs Windows XP, the buttons were all working fine. I was on my laptop which runs Vista and got an email saying the buttons wasn't working, so i checked again on the laptop and none of the buttons were working. Can anyone shed any light on this? Thankyou Link to the Website :- www.****neyrejects.net i have my list of radio buttons and submit button but what i would like to do is have each one go to a different URL but im having trouble with that at the moment so if anyone could help it would be very appreciated. thankyou I have a list of with radio buttons... allowing you to choose from 1-5. It's a HUGE list... so I want to pre select the second (#2) radio button for every question. I used the "checked" command but if I change it to a 1 and save and close, when I go back into it, it defaults back to #2. It is only doing this if I select #1... #3,4,5 stays... how do I fix this? <tr> <td>A-1</td> <td>Question #1</td> <td><input type="radio" name="A1_1" id="A1_1_1" value="1" mapname="A1_1" runat="Server"></td> <td><input type="radio" name="A1_1" id="A1_1_2" value="2" mapname="A1_1" runat="Server" checked></td> <td><input type="radio" name="A1_1" id="A1_1_3" value="3" mapname="A1_1" runat="Server"></td> <td><input type="radio" name="A1_1" id="A1_1_4" value="4" mapname="A1_1" runat="Server"></td> <td><input type="radio" name="A1_1" id="A1_1_5" value="5" mapname="A1_1" runat="Server"></td> </tr> Hello, I am using a loop to dynamically generate buttons using the <button> tag. The value for this button is populated using a variable. When I click on one of these buttons, I want the content of the button to be displayed on the text field. But, because it is in a loop and the because the value is a variable only the value of the 1st button comes in and then disappears from the text field. The javascript I am trying out to populate the text field is : function passButtonValue() { poitem= document.getElementById("poitem"); hiddenField = document.getElementById("hiddenField"); hiddenField.value = poitem.innerHTML; } I am using ABAP for getting the values and running the loop How can I reprogram it to overcome this problem? Thanks! Hi. I'm new to this site so i'm sorry if i posted the thread in the wrong part of the forum. Anyhow. I'm pretty new to HTML and CSS and wonder. How do i make, goodlookin' buttons? I want them to interact when hoovering over them with the mousepointer. I would be SO greatful if someone could help me out. Thanks Hello there! I'm new to this forum and a definite NEWBIE but am doing my best to learn. I am making a form in which I have several categories that are chosen by clicking on radio buttons. The problem is that I must have coded this incorrectly because you can ONLY click on ONE radio button, even thought there are 7 different subcategories. I'd like to be able to click on one radio button for each of the different subcategories. Any advice would be GREATLY appreciated!!! |
|||||||