HTML Help

alpine1jds · Joined: 17 Sep 2008 Posts: 17

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: 1402 Location: Biloxi, MS

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

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: 1402 Location: Biloxi, MS

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.

alpine1jds · Joined: 17 Sep 2008 Posts: 17

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: 1402 Location: Biloxi, MS

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

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

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: 1402 Location: Biloxi, MS

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

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

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: 1402 Location: Biloxi, MS

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"

alpine1jds · Joined: 17 Sep 2008 Posts: 17

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: 1402 Location: Biloxi, MS

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

Alright i found where to upload the button to my images folder, now i cant find the image anywhere,