Displaying pdf logo before a Hyperlink

**arunbelur** · 01-04-2007, 02:34 AM

1) I need to display a pdf logo on my webpage before a hyperlink.

Lets say i creat a page in Bluevoda and just have the text Hello on the page as a hyperlink.

How can i display the pdf logo before the text "Hello". Please help!! Been trying to figure this out for days and i have no experience in HTML.

2) How does one add HTML code to an already existing page. When i right click on the page i get an option for Page HTML. But i do not know how to alter some/change some of the attributes.

**Mook25** · 01-30-2007, 02:01 PM

Firstly you will need a small picture of the pdf logo uploaded to your server. Once this is done the you add the follwing code

Code:

<img src="url to pdf logo here"><a href="url">Text to be displayed here</a>

So for example if you were to do the right click, view html option on a page with the above code the page would look something like

Code:

<html>
<head>
</head>
<body>
<img src="http://www.ladycomp.pl/images/pdf-logo.gif">
<a href="<A href="http://www.english-heritage.org.uk/s...MediaFile.4430">pdf">http://www.english-heritage.org.uk/s...MediaFile.4430">pdf logo</a>
</body>
</html>

If you wanted to change the size to the image you would add code as follows

Code:

<img src="http://www.ladycomp.pl/images/pdf-logo.gif" height="50" width="50">
<a href="<A href="http://www.english-heritage.org.uk/server/show/conMediaFile.4430">pdf">http://www.english-heritage.org.uk/s...MediaFile.4430">pdf logo</a>

If you want there to be alternate text in place of the picture when the browser can't load the picture the following code would be entered instead

Code:

<img src="url to pdf logo here"alt="alternate text goes here"><a href="url">Text to be displayed here</a>

In answer to your other question. To change the HTML of a page, presuming it's your own you would find the file on your server and either edit via a text editor like notepad or other editors like Bluevoda. If you are trying to copy code from websites that are not your own via the right click, view source option, be very wary as there are often copyright issues with doing this.

A good source of information on HTML programming can be found at W3Schools.com

Hope this helps

Thread: Displaying pdf logo before a Hyperlink

LinkBack

Thread Tools

Displaying pdf logo before a Hyperlink

Re: Displaying pdf logo before a Hyperlink

Thread Information

Users Browsing this Thread

Posting Permissions