1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Web Design Trouble creating image link

Discussion in 'Web Design' started by Giovanni, Aug 21, 2008.

  1. Giovanni

    Giovanni New Member

    I would like to create a image that I can give to webistes,blog users, etc to post, that will link back to my site. Does anyone have any advice on figuring out the code.
     
  2. djwilson

    djwilson New Member

  3. Giovanni

    Giovanni New Member

    Tried It

    <ahref="http://www.myspace.com/adsixx" target="_blank"><img style="border: 0px solid ; width: 300px; height: 300px;" src="http://i204.photobucket.com/albums/bb5/jkennedy_04/Alexis_Cover2tiny-1.jpg">

    Didnt work. The picture shows up but it is not a link. This line also appears above the picture- ...http://www.myspace.com/adsixx" target="_blank">
     
  4. djwilson

    djwilson New Member

  5. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Giovanni code
    HTML:
     
    <ahref="http://www.myspace.com/adsixx" target="_blank"><img style="border: 0px solid ; width: 300px; height: 300px;" src="http://i204.photobucket.com/albums/bb5/jkennedy_04/Alexis_Cover2tiny-1.jpg">
     
    
    the way it should be <a href (need a space) and you need to close with </a>
    HTML:
     
    <a href="http://www.myspace.com/adsixx" target="_blank"><img style="border: 0px solid ; width: 300px; height: 300px;" src="http://i204.photobucket.com/albums/bb5/jkennedy_04/Alexis_Cover2tiny-1.jpg">
    </a>
     
    
    djwilson had it right
     
  6. Giovanni

    Giovanni New Member

    Works now

    Thanks that works great. Do you know how i can post this code on my site for others to copy and put on their sites? I have seen other sites that have a box and the code is inside similar to what Ishkey posted.
     
  7. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    see if this works

    Code:
     
    <h3>Like our MySpace Page?</h3>
     
    <p><img src="http://i204.photobucket.com/albums/bb5/jkennedy_04/Alexis_Cover2tiny-1.jpg" style="float: left; margin-right: 0.5em;" width="200" height="200" border="0" alt="Alexis Cover" />Like our site? Please let others know by displaying this icon.<br/> Simply copy and paste the code snippet below onto your webpage:</p>
     
    <textarea cols="90" rows="4" name="Sitemap Builder" style="font-size: 11px">
    &lt;a href=&quot;http://www.myspace.com/adsixx&quot; target="_blank">&lt;img src=&quot;http://i204.photobucket.com/albums/bb5/jkennedy_04/Alexis_Cover2tiny-1.jpg&quot;
    width=&quot;200&quot; height=&quot;200&quot; border="0" alt=&quot;Alexis Cover&quot;&gt;&lt;/a>
    </textarea>
    
     
  8. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    or try this one, it has a "select all" feature:rolleyes:
    HTML:
     
     
    <html>
    <!-- Created on: 8/26/2008 -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>link back</title>
    </head>
    <body> 
    <script language="Javascript">
    <!--
    function selectAll(theField) {
    var tempval=eval("document."+theField)
    tempval.focus()
    tempval.select()
    }
    //-->
    </script>
     
    <p><img src="http://i204.photobucket.com/albums/bb5/jkennedy_04/Alexis_Cover2tiny-1.jpg" style="float: left; margin-right: 0.5em;" width="200" height="200" border="0" alt="Alexis Cover" /><h3>Like our MySpace Page?</h3><p>Like our site? Please let others know by displaying this icon.<br/> Simply copy and paste the code snippet below onto your webpage:</p> 
    <form name="pick"> 
    <a href="javascript:selectAll('pick.select1')">Select All</a><br>
    <textarea name="select1" cols="90" rows="4" name="Sitemap Builder" style="font-size: 11px">
    &lt;a href=&quot;http://www.myspace.com/adsixx&quot; target="_blank">&lt;img src=&quot;http://i204.photobucket.com/albums/bb5/jkennedy_04/Alexis_Cover2tiny-1.jpg&quot;
    width=&quot;200&quot; height=&quot;200&quot; border="0" alt=&quot;Alexis Cover&quot;&gt;&lt;/a>
    </textarea>
    </form>
    </body>
    </html>