homepage Welcome to WebmasterWorld Guest from 54.211.201.65
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld
Visit PubCon.com
Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

    
need help with hyperlink images
yeto




msg:4101410
 4:16 am on Mar 20, 2010 (gmt 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

 

tangor




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

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.

piatkow




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

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.

thecoalman




msg:4102614
 9:03 pm on Mar 22, 2010 (gmt 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / New To Web Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved