HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Trying to setup a simple button on my website
Goto page 1, 2  Next
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Form
View previous topic :: View next topic  
Author Message
alpine1jds



Joined: 17 Sep 2008
Posts: 17

PostPosted: Wed Sep 17, 2008 8:21 am     Trying to setup a simple button on my website Reply with quote

I am trying to make a simple button to link to another website from mine, I tried the tutorial and cannot get it to work. I need to make a button that links to this website http://www.dieseltruckchips.com/Dodge%20price%20list.pdf how would i go about that? any help would be appreciatd i am new to this. Thanks
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS

PostPosted: Wed Sep 17, 2008 9:44 am     Reply with quote

Do you want a nice button image to use to link to the site or do you want a plain button normally shown when using type="button"?
alpine1jds



Joined: 17 Sep 2008
Posts: 17

PostPosted: Wed Sep 17, 2008 9:56 am     Reply with quote

Im not sure, i want the button to say " H&S Waiver form " and want to add it with the above link to my store page. Thanks for the help
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS

PostPosted: Wed Sep 17, 2008 11:18 am     Reply with quote

Here are links to two buttons:

1) Button (PNG)

2) Button (GIF)

If you like this, will post link code, but it will look something like this:

Code:
<a href="http://www.dieseltruckchips.com/Dodge%20price%20list.pdf" title="H&S Waiver Form"><img style="width: 127px; height: 35px; border: 0;" src="image path" alt="H&S Waiver Form"></a>


PNG is better, but IE has problems with PNG images.


Last edited by PayneLess Designs on Wed Sep 17, 2008 11:22 am; edited 1 time in total
alpine1jds



Joined: 17 Sep 2008
Posts: 17

PostPosted: Wed Sep 17, 2008 11:21 am     Reply with quote

Thats exactly what im trying to do, png wont work with internet explorer or has problems? does the gif one work good? whichever one you think will work better, it is going on a prostores store page. Thanks
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS

PostPosted: Wed Sep 17, 2008 11:27 am     Reply with quote

Best to use the GIF one as IE has transparency problems with PNGs. Just copy image to your hard drive and upload it to your site. Set the image src="" to the image path in relation to the page the button is on.
alpine1jds



Joined: 17 Sep 2008
Posts: 17

PostPosted: Wed Sep 17, 2008 11:27 am     Reply with quote

also would it be easier for it to just be text, i tried making this from the tutorial but i couldnt get it to work http://www.htmlcodetutorial.com/linking/_A_HREF.html
alpine1jds



Joined: 17 Sep 2008
Posts: 17

PostPosted: Wed Sep 17, 2008 11:44 am     Reply with quote

The button works but shows up just as writing, i cant get the green button to show up, heres the page it is on
http://www.customandclassicautostore.com/servlet/the-12/07.5-pls--Dodge-6.7-5%22/Detail
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS

PostPosted: Wed Sep 17, 2008 12:35 pm     Reply with quote

This is not a proper link to anything when your page is online:

Code:
C:\Documents and Settings\User\Desktop\H&S waiver button.gif


You MUST use the path to the image when it is online as stated in my previous post. Did you download the image to your hard drive and upload it to your site? Do not link to image at imageshack as I will delete that button once you have gotten it to work.

Which do you want to use then? Button or text. I tried the button in my HTML Editor and both the image and link works.
alpine1jds



Joined: 17 Sep 2008
Posts: 17

PostPosted: Wed Sep 17, 2008 1:15 pm     Reply with quote

I cant get it to upload to my site, it is just a prostores site and i dont know if i can do that. Where do i upload it to then how do i add the link to it? Thanks for all the help.
alpine1jds



Joined: 17 Sep 2008
Posts: 17

PostPosted: Wed Sep 17, 2008 1:24 pm     Reply with quote

now i have it on the page twice and one looks right but just goes to image hosting and the other doesnt show up right but goes where it is supposed to. http://www.customandclassicautostore.com/servlet/the-12/07.5-pls--Dodge-6.7-5%22/Detail
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS

PostPosted: Wed Sep 17, 2008 1:29 pm     Reply with quote

You are not paying attention to my example nor what I am saying in my previous posts.

Neither of these are going to work:
Code:
<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/'><img src='http://img231.imageshack.us/img231/5781/hswaiverformvq0.gif' border='0'/></a>

<a href="http://www.dieseltruckchips.com/Dodge%20price%20list.pdf" title="H&S Waiver Form"><img style="width: 127px; height: 35px; border: 0;" src="http://www.customandclassicautostore.com/servlet/the-12/07.5-pls--Dodge-6.7-5%22/Detail" alt="H&S Waiver Form"></a>


I said don't link to the imageshack image which is showing the button. Why have you not downloaded the image and uploaded to your image folder? This is in no way an image link: "http://www.customandclassicautostore.com/servlet/the-12/07.5-pls--Dodge-6.7-5%22/Detail"


Last edited by PayneLess Designs on Sat Sep 27, 2008 8:54 pm; edited 1 time in total
alpine1jds



Joined: 17 Sep 2008
Posts: 17

PostPosted: Wed Sep 17, 2008 1:32 pm     Reply with quote

i have it downloaded and saved to my compute but i dont know how to get it on my site, where is a image folder? I am looking at your examples and i have tried it a ton of different ways but it never shows up right.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS

PostPosted: Wed Sep 17, 2008 1:57 pm     Reply with quote

This is where your site's favicon is located along with most or all the other images: "http://www.customandclassicautostore.com/images/favicon.ico"

Don't you have access to uploading images? You obviously are editing and correcting the pages.
alpine1jds



Joined: 17 Sep 2008
Posts: 17

PostPosted: Wed Sep 17, 2008 2:10 pm     Reply with quote

Alright i found where to upload the button to my images folder, now i cant find the image anywhere,
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Form All times are GMT - 8 Hours
Goto page 1, 2  Next
Page 1 of 2

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial