WebPage building question

Discussion in 'CZ Support Zone' started by Dayton Cowboy, Feb 8, 2006.

  1. Dayton Cowboy

    Dayton Cowboy Active Member

    1,858 Messages
    4 Likes Received
    Hey Guys and Gals,

    I am in need of some technical help. Could someone tell me how to set up a page with thumbnail pics that when clicked on would link to another page? What do I need to do to set this up and do I have to create different/smaller pic files of the bigger pic that I am wanting to use? Or can I set up it up in html so that for example the photo would normally be 500 x 500 pixels but the thumbnail would display at 100 x 100?

    thanks for the attempted help in advance
     
  2. BrAinPaiNt

    BrAinPaiNt Backwoods Sexy Staff Member

    72,538 Messages
    26,185 Likes Received
    Was going to write it out for you, but it has been awhile since I did some of the html programming and was wanting to double check it...but found this site.

    http://www.mediacollege.com/internet/html/image-tag.html

    [​IMG]

    So basically...at least for posting in here...

    You set up with the open tag for the link...I will use ( and ) instead of [ and ]

    open tag ->(url= then paste the website address that you want to person to go to when they click the pic ) <- close tag......now to put the image in open tag-> ( img )put the address of the actual image here (img) <- Close tag and now you will need to put (/url) to close the url tag.

    Hope that helps and does not confuse you.
     
  3. Dayton Cowboy

    Dayton Cowboy Active Member

    1,858 Messages
    4 Likes Received
    Thanks Brain, that was what I was looking for.. I'm trying to set up a page for internet goods and so this page is very helpful that you gave me in here..

    thanksagain
     
  4. BrAinPaiNt

    BrAinPaiNt Backwoods Sexy Staff Member

    72,538 Messages
    26,185 Likes Received
    No problem...hope everything works out for you.
     
  5. Dayton Cowboy

    Dayton Cowboy Active Member

    1,858 Messages
    4 Likes Received
    Okay.. thought I understood that but I couldn't seem to get it to work with what I was trying to do.. will this work else where on the web? or does the example you gave just work on this board?
     
  6. BrAinPaiNt

    BrAinPaiNt Backwoods Sexy Staff Member

    72,538 Messages
    26,185 Likes Received
    You may have to use the < and > tags instead of the [ and ] tags when working in html

    It has been so long ago but give that a try.
     
  7. Hoods

    Hoods Well-Known Member

    1,231 Messages
    674 Likes Received
    Either or would work. Personally, I'd spend a little more time and make an extra file (smaller thumbnail). If I was to make a thumbnail manually, I wouldn't just resize the image either. I would only take a small portion of the original and use that. However, that takes some time and I'm not really sure how many you have to make. With that said, here's both ways to do it.

    If you make an extra file and just link to the original, the coding would be:
    Code:
    <a href="originalpicture.jpg"><img src="thumbnail.jpg" /></a>
    If you wanted to use one picture and use HTML formatting to make it's thumbnail, you would type in:

    Code:
    <a href="originalpicture.jpg"><img src="originalpicture.jpg" width="100" height="100" /></a>
    What you just did was make the original picture 100x100. You could mess around with the dimensions and add a border if you'd like (border="1").
     

Share This Page