none
How to copy and paste the HTML codes Banner links and Text Links

    Question

  • I am in the process of developing a website for an affiliate program.The merchant generates html codes to identify affiliates .These codes are to be copied and pasted onto the banner ad links and text ad links such that upon their being clicked one is linked to the merchant's website .

    I am using Microsoft Expression Web 3 . The banners are in JPEG format .How do I add the banners and the text ads as well as their respective HTML codes onto the site?

    I have tried to add the banners using the image button and then insert the pictures .But in the Super Preview the banners are not clickable.Additionally,I do not know how to paste the respective codes.

    For the Text ad links  I absolutely have no idea what to do.

    Finally, I am able to change font color in the editing window but in the preview all the text is black.How do I rectify this problem.

     

    Please Assist!!!

     

    Monday, May 31, 2010 4:08 PM

Answers

  • I HATE, HATE , HATE , HATE this rotten piece of junk forum software! If not for having a sneaky suspicion it was going to shyte the bed again, I would have lost this post entirely when, sure enough, the forum crapped out when I tried to submit. Fortunately, I had copied the post to the clipboard first, so I didn't lose it after all, but when are they going to give up on this monstrosity and adopt a proven, usable solution?!

    Anyway, here's the post:

    Hmm... a lot there. First, I would suggest that you check out the learning resources available in the BEFORE POSTING sticky. It sounds from your question as if you need a firmer grounding in html and CSS fundamentals. Second, for questions involving appearance, you need to post a link to the actual page so that we can see the markup, CSS, and images in situ . Screenshots do not suffice.

    That said, with respect to making an image clickable, it is necessary to wrap the image with a link tag. Otherwise it is simply an image. If you wish to use EW's icons, first click the Insert Hyperlink icon. Instead of browsing to a page, paste the link code provided into the box at the bottom of the dialog. That will insert the affiliate link to the page. Click OK. Then, in code view, highlight the link text (the text between the opening and closing <a> tags) and delete it. Leave the cursor there, then click the Insert Image icon and browse to the banner image. Set the alt tag to represent what the link is about, and you're done. The image is now a clickable link to the affiliate target.

    You can also reverse the order, first inserting the image, then highlighting it and selecting Insert Hyperlink. For your text ad links, follow the same procedure, except in the second step simply paste the ad text into the position where the link text is between the anchor tags, or into the "Text to display" box in the Insert Hyperlink dialog. Frankly, there may be a more straightforward way to do this using EW's UI icons, but I'm a hand coder and seldom ever resort to them, preferring to work in code view. Others here do use EW's UI tools frequently, however, so perhaps someone else can provide a more streamlined procedure.

    I really would suggest that you make an effort to learn more about html and CSS. Issues such as how to create hyperlinks, text or otherwise, or about how to color a block of text, are about as basic as they come in Web development. Your question suggests that some time spent at w3schools.com, and viewing Cheryl's excellent "Build A Basic web Site" video tutorial (BODY { FONT-FAMILY:Verdana; FONT-SIZE:10pt } P { FONT-FAMILY:Verdana; FONT-SIZE:10pt } DIV { FONT-FAMILY:Verdana; FONT-SIZE:10pt } TD { FONT-FAMILY:Verdana; FONT-SIZE:10pt } http://by-expression.com/media/p/1300.aspx ) would be time well spent.

    cheers,
    scott
    C'mon, folks. This isn't rocket science, nor neurosurgery. It's "Expression" (singular) "Web" (singular), in that order, followed by a version numeral if you wish to be specific. It is often abbreviated "EW." It is not "Web Expression," "Expressions Web," "Web Expressions," or plain "Expression" or "Expressions." Not using the correct name indicates either ignorance or laziness. Most folks would rather avoid the appearance of either.
    Monday, May 31, 2010 4:54 PM

All replies

  • To make an image clickable, write in code view:

    <a href="http://www.where_you_want_to_go.com" class="yourlinkstyle"><img alt="image description in words" src="http://www.domain_where_photo_is.com/photo_directory/photo_name.jpg" /></a>

     

    To break this down:

    The tags are:

    <a><img /></a>

     

    The properties are:

    alt="the image alternate text" <!-- this tells the search engines what the photo is of -->

    scr="the image url i.e. address"

    href="the link destination address"

     

     

     

    Monday, May 31, 2010 4:27 PM
  • I HATE, HATE , HATE , HATE this rotten piece of junk forum software! If not for having a sneaky suspicion it was going to shyte the bed again, I would have lost this post entirely when, sure enough, the forum crapped out when I tried to submit. Fortunately, I had copied the post to the clipboard first, so I didn't lose it after all, but when are they going to give up on this monstrosity and adopt a proven, usable solution?!

    Anyway, here's the post:

    Hmm... a lot there. First, I would suggest that you check out the learning resources available in the BEFORE POSTING sticky. It sounds from your question as if you need a firmer grounding in html and CSS fundamentals. Second, for questions involving appearance, you need to post a link to the actual page so that we can see the markup, CSS, and images in situ . Screenshots do not suffice.

    That said, with respect to making an image clickable, it is necessary to wrap the image with a link tag. Otherwise it is simply an image. If you wish to use EW's icons, first click the Insert Hyperlink icon. Instead of browsing to a page, paste the link code provided into the box at the bottom of the dialog. That will insert the affiliate link to the page. Click OK. Then, in code view, highlight the link text (the text between the opening and closing <a> tags) and delete it. Leave the cursor there, then click the Insert Image icon and browse to the banner image. Set the alt tag to represent what the link is about, and you're done. The image is now a clickable link to the affiliate target.

    You can also reverse the order, first inserting the image, then highlighting it and selecting Insert Hyperlink. For your text ad links, follow the same procedure, except in the second step simply paste the ad text into the position where the link text is between the anchor tags, or into the "Text to display" box in the Insert Hyperlink dialog. Frankly, there may be a more straightforward way to do this using EW's UI icons, but I'm a hand coder and seldom ever resort to them, preferring to work in code view. Others here do use EW's UI tools frequently, however, so perhaps someone else can provide a more streamlined procedure.

    I really would suggest that you make an effort to learn more about html and CSS. Issues such as how to create hyperlinks, text or otherwise, or about how to color a block of text, are about as basic as they come in Web development. Your question suggests that some time spent at w3schools.com, and viewing Cheryl's excellent "Build A Basic web Site" video tutorial (BODY { FONT-FAMILY:Verdana; FONT-SIZE:10pt } P { FONT-FAMILY:Verdana; FONT-SIZE:10pt } DIV { FONT-FAMILY:Verdana; FONT-SIZE:10pt } TD { FONT-FAMILY:Verdana; FONT-SIZE:10pt } http://by-expression.com/media/p/1300.aspx ) would be time well spent.

    cheers,
    scott
    C'mon, folks. This isn't rocket science, nor neurosurgery. It's "Expression" (singular) "Web" (singular), in that order, followed by a version numeral if you wish to be specific. It is often abbreviated "EW." It is not "Web Expression," "Expressions Web," "Web Expressions," or plain "Expression" or "Expressions." Not using the correct name indicates either ignorance or laziness. Most folks would rather avoid the appearance of either.
    Monday, May 31, 2010 4:54 PM
  • Did I mention that I loathe this forum software? Did you notice what it did to the link to Cheryl's tutorial above? Folks, that is a plain ol' garden variety text link, pasted from a NoteTab Pro plain text file. Where the body, font, div, and td(?!) tags came from I have no bloody idea. Jeez... !

    cheers,
    scott


    C'mon, folks. This isn't rocket science, nor neurosurgery. It's "Expression" (singular) "Web" (singular), in that order, followed by a version numeral if you wish to be specific. It is often abbreviated "EW." It is not "Web Expression," "Expressions Web," "Web Expressions," or plain "Expression" or "Expressions." Not using the correct name indicates either ignorance or laziness. Most folks would rather avoid the appearance of either.
    Monday, May 31, 2010 4:59 PM