Trouble creating image link

Discussion in 'Graphics' started by Giovanni, Aug 21, 2008.

  1. 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 New Member

  3. 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 New Member

  5. ishkey Mod - Designer

    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 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 Mod - Designer

    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 Mod - Designer

    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>