Welcome to WebmasterWorld Guest from 107.22.106.136

Forum Moderators: mack

Message Too Old, No Replies

need help with hyperlink images

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

New User

5+ Year Member

joined:Mar 5, 2010
posts:8
votes: 0


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,
Yeto
6:33 am on Mar 20, 2010 (gmt 0)

Senior Member from US 

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

joined:Nov 29, 2005
posts:7472
votes: 500


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)

Senior Member from GB 

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

joined:Apr 5, 2006
posts:3381
votes: 36


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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 4, 2004
posts:877
votes: 0


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">

</a>



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

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members