Welcome to WebmasterWorld Guest from

Forum Moderators: brotherhood of lan & mack

Message Too Old, No Replies

need help with hyperlink images



4:16 am on Mar 20, 2010 (gmt 0)

5+ Year Member

I use website building software that is provided by my hosting company. The software is template based. One of the templates provides 3 columns. I want to place photos in these columns and have them all the same size--so they will line up across the columns--and I also want them to have hyperlinks.

I am new to html and was hoping someone could provide some html code to get me started. I have searched the internet and I see tags like <Li> <Td> but I really don't know where to start.

Thanks in advance for your help,


6:33 am on Mar 20, 2010 (gmt 0)

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

You can use html to resize images, but I don't suggest that. If looking for thumbnail images to offer, make them thumbnail size. There are many programs that will accomplish that in batch form (ie. max height 100px).

As for learning where to start search for "html tutorial" in Bing or Google.


9:06 am on Mar 20, 2010 (gmt 0)

WebmasterWorld Senior Member piatkow is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

While you can "size" an image in html that just changes the display not the actual file size. I have seen novice webmasters use up their hosting allowances by uploading images straight off their digital cameras which are several megabytes in size and use them in circumstances where a 20 or 30 kilobyte file would be sufficient.

Get a photo editing program and either create standard thumbnails, any good program will have an option for this, or crop and resize the original images. For the basics there is some excellent free software around, you don't need to pay a fortune for the big name product.

The tag for images is img by the way. You can wrap a pair of anchor tags around an image in exactly the same way as you can around text. A table (TABLE, TR and TD tags) provides a quick and dirty way of laying out your pictures although there are better ways that require a slightly deeper understanding of html and css.


9:03 pm on Mar 22, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

Besides the bandwidth issues, browsers generally don't do a very good job resizing images on the fly.

The basic html for an image as link is this:

<a href="http://www.example.com/fileorpagelinkgoesto.html">

<img src="http://www.example.com/path/to/your/image.jpg" height="###" width="###" alt="Alternate Text">


Replace the ###'s with the actual height and width of your image. Alternate Text should be brief text describing image.

Featured Threads

Hot Threads This Week

Hot Threads This Month