PDA

View Full Version : 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


<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

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

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


<img src="http://www.ladycomp.pl/images/pdf-logo.gif (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/server/show/conMediaFile.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


<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 (http://www.w3schools.com/html/html_links.asp)

Hope this helps