|
HTML - Creating Leftnav Buttons
Ive been out of the webpage loop for a long time now.. to create buttons should i still use photoshop and create the buttons... or should i use dreamweaver or illustrator...
I know im a noob but any help in the right direction will be great.. Im fixing a very old webpage.. I can not use php so I need to use html thx in advance Similar TutorialsHi I am fixing a really old webpage and im having issues with the leftnav... it has spaces in it but in dreamweaver the spaces do not display in design but only when i preview the page The page is terrible... heres the link... http://www.pfrieme-stumpe.de you may have to hard refresh to see the broken leftnav... thanks in advance! Matt Hi, Click here to download my custom button: http://www.mediafire.com/download.php?zzdly4idyzu Basically, the easiest way would be to just type Code: <input type="button" style="background-image: url('button.png');" />
But what if I want it to be resizable based on the value? It won't work after that. Can someone help me to create a better button? Hello, I'm fairly inexperienced with web development, and have a problem with my current website. I have a PHP page with buttons that brings up the content of the page, but there are many buttons, in 3 major categories. I would like to turn the categories into buttons, and have only the selected category drop down. When a different category is selected, I would like the first category buttons to disappear (or scroll back up) and the new category buttons to drop down. The page in question is this one: Click Here Any help would be greatly appreciated. I know it may be a bit confusing what I'm trying to accomplish, but I think viewing the page will give you an idea of what I'm looking to do. Thank you! Bacc 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 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 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. 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'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 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 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 :-) how do i make it that when i click on a button it goes to an alert but i already have an onclick functiion for the button. HTML Code: <html>
<head>
<title> iodhaoidhoa </title>
<script language="javascript">
function add(a,b)
{
var ans = a + b
document.write("The sum is " + ans)
}
</script>
</head>
<body>
<input type="button" value="Whats 6+4" onclick="add(6, 4)")
</body>
<html>
basically i want it that when i click the button it will show an alert saying that the sum is 10 Hi, I am trying to do this: Have 3 Radio Buttons (I think thats what they are called), Like this: 0 0 0 28K 56K Broadband Play (Button) And when you press any of the buttons the right stream is played via a url from another site I have. How to I go about doing this, ? I see aol has similiar feature for downloading files which I liked the look of, pass some time and help me out. Hey, as you can tell, I'm a new guy. And I'm having a bit of a problem... For some reason, in between 2 buttons I have on my site, there is a little, underscore line. I don't know why it's there, as it's not in my code, it's not a part of the image, and it wasn't there before I added the second button. It's hard to explain, it's easier to see it for yourself. http://nickisawesome.izfree.com/meec...igns/index.php Any help would be appreciated http://offthe-beatenpath.net/ I've been trying to figure out what I'm doing wrong for days now. It's supposed to be setup so it starts off displaying just one body of text, then when you click on the different buttons it's supposed to switch to a different body of text, it does to a point. After you clich through from top to bottom it will get rid of the previous body of text above it, then when you go through again it displays mostly correctly, but the text isn't aligned quite right. I'm looking for a way that I can allow users, that visit my website, to submit a graphic (.jpg,.gif,etc) either to my inbox or a specified folder on the server. Is this possible? I plan on using it under the "Your Screens" link. - http://www.v0dk4.com/main.shtml 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 sorry if this is a noobish question but so far i have this button.... <input type="button" value=">"/> i want to create a button that has the equivalent "^" arrow, but using rotation of the text used in my initial code? is this possible? what is this technique called? thanks for the help in advanced -Nathan Very new to html but i've downloaded several Paypal buttons and put the code into my web page. My problem is i want the buttons to run along the page side by side horizontally with spaces between them but they are running top to bottom. I have tried different ways to try and solve the problem but none have worked. Can anyone tell me what i have to do? thanks 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 |
|||||||