SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Mar 2009
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    how to make illustrations into links on a webpage?

    I am baffled by how a website like the one by Carson Ellis uses illustrations/art work as links; the website doesn't allow me to "View Page Source". Is there an XHTML command of this? Would I need a graphic tablet and photoshop to upload these images in a certain format to create links out of them? I am an absolute beginner, thanks!

  2. #2
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Welcome to Sitepoint!!!!

    Is this the site you mean? carsonellis.com

    If not, ignore the rest and please provide me/us a link to the site you mean.

    If so, that is a semi bad example of how to build a web page.

    He has basically taken the entire image opened it in: Dreamweaver/Fireworks or any program that can create image maps, then he just used a tool these apps provide to create hot spots over the text, then the program allows the user to add a URL and title and such to the hot spot.

    Hope this helps, but as I say, if I found the wrong site ignore what I have said and I'll try again.

  3. #3
    I Love Licorice silver trophybronze trophy Datura's Avatar
    Join Date
    Aug 2006
    Location
    Florida USA
    Posts
    5,774
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Here is a link to the w3schools on how to set up an image as a link in HTML.

    If you are just starting out, w3schools.com is a great place to learn
    Ulrike
    TUTs: 1 2 3 4 5 6 7 8 9 10

  4. #4
    SitePoint Member
    Join Date
    Feb 2009
    Location
    Ames, IA
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sitepoint won't allow you to upload html or a link until you post ten times... wierd.. I know.. or you can fake it out by spelling it out phonetically for people or adding in symbols that we can easily remove.

  5. #5
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    joshbrown101, The reason for this is to try and keep the level of spammers and bots down (otherwise the forum would be infested with advertisements).

  6. #6
    SitePoint Wizard Blake Tallos's Avatar
    Join Date
    Jun 2008
    Location
    Cuyahoga Falls, Ohio.
    Posts
    1,510
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code CSS:
    #rightmenu {
        float:right;
        list-style-type:none;
    }
     
     
     
     
    <ul id="rightmenu">
            <li><a href="#" alt="#"></a></li>
            <li><a href="#" alt="#"></a></li>
            <li><a href="#" alt="#"></a></li>
            <li><a href="#" alt="#"></a></li>
            <li><a href="#" alt="#"></a></li>
            <li><a href="#" alt="#"></a></li>    
            <li><a href="#" alt="#"></a></li>
            <li><a href="#" alt="#"></a></li>
    </ul>
    Blake Tallos - Software Engineer for Sanctuary
    Software Studio, Inc. C# - Fanatic!
    http://www.sancsoft.com/


  7. #7
    SitePoint Zealot
    Join Date
    Jan 2009
    Location
    Suffolk
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    <a href="carpenter-colchester-ipswich/windows.htm">
    <img alt="Go to Carpentry: Windows, Doors, Skirting Boards and Architraves page" src="carpenter-ipswich-images/carpentry-ipswich-windows.jpg" width="180" height="135" /></a>
    An example from a site I did where you click on a picture to go to a different page - the href is the page to go to and the src is the filename of the picture.

    Before creating the website, I used Macromedia to size the photo to the correct size and then saved it in my website folder under carpenter-ipswich-images/carpentry-ipswich-windows.jpg

    Hope that helps.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •