How do you remove the link blue border on our banners?

Discussion in 'HTML & Website Design' started by andyleem, Aug 16, 2007.

0
  1. #1
    Hi,
    We have just added a rotation banner on the top of our page at thesharpedge.com
    However i cannot seem to get rid of the border around the banner, i have tried various things in dreamweaver with no success.
    This is the code i am using..

    <td width="566" align="left" valign="middle" bordercolor="#FFFFFF" border="0">
    <SCRIPT language=JavaScript>
    /*
    +---------------------------------------------------------+
    | Ad Simple Copyright www.YugDesign.com |
    +---------------------------------------------------------+
    | This program may be used and hosted free of charge by |
    |anyone for personal purpose as long as this copyright |
    |notice remains intact. |
    +---------------------------------------------------------+
    */

    var img_width = "468";
    var img_height = "60";
    var img_title = "Offers and featured products";


    var ad=new Array()
    //insert here your images src
    ad[0]='http://www.thesharpedge.co.uk/images/newbannersml/delivery.jpg';
    ad[1]='http://www.thesharpedge.co.uk/images/newbannersml/bow2.gif';


    var links=new Array()
    //insert here your links
    links[0]='http://www.thesharpedge.co.uk/Delivery-Information-sp-2.html';
    links[1]='http://www.thesharpedge.co.uk/Bow-Wow-Speakers-in-Black--White-p-16454.html';


    var xy=Math.floor(Math.random()*ad.length);
    document.write('<a href="'+links[xy]+'" target="_blank"><img src="'+ad[xy]+'" width="'+img_width+'" height="'+img_height+'" alt="'+img_title+'"></a>');
    </SCRIPT></td>

    anyone got any ideas?
    thanks
     
    andyleem, Aug 16, 2007 IP
  2. tbh

    tbh Peon

    Messages:
    1,130
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Post your CSS as well.
     
    tbh, Aug 16, 2007 IP
  3. YIAM

    YIAM Notable Member

    Messages:
    2,480
    Likes Received:
    240
    Best Answers:
    0
    Trophy Points:
    280
    #3
    Edit the last para: 
    
var xy=Math.floor(Math.random()*ad.length);
document.write('<a href="'+links[xy]+'" target="_blank"><img src="'+ad[xy]+'" width="'+img_width+'" height="'+img_height+'" alt="'+img_title+'" [B]border="0"[/B]></a>');
</SCRIPT></td>
    Code (markup):
     
    YIAM, Aug 16, 2007 IP
  4. andyleem

    andyleem Active Member

    Messages:
    490
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    83
    #4
    edit - fixed without css
     
    andyleem, Aug 16, 2007 IP
  5. andyleem

    andyleem Active Member

    Messages:
    490
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    83
    #5
    Thanks for the help, worked perfect!
     
    andyleem, Aug 16, 2007 IP
  6. BOOMBOOM

    BOOMBOOM Peon

    Messages:
    196
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #6
    border="0"


    that is the way
     
    BOOMBOOM, Aug 16, 2007 IP
  7. alofun

    alofun Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    add body css
     
    alofun, Aug 17, 2007 IP
  8. YIAM

    YIAM Notable Member

    Messages:
    2,480
    Likes Received:
    240
    Best Answers:
    0
    Trophy Points:
    280
    #8
    What's relation between text decoration and image border :confused: :confused: :confused: :confused:

     
    YIAM, Aug 17, 2007 IP
  9. BOOMBOOM

    BOOMBOOM Peon

    Messages:
    196
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #9
    means no underline on link, or no line-through, or overline. Basically no text decoration.

    here is an example: <html>
    <head>
    <style type="text/css">
    h1 {text-decoration: overline}
    h2 {text-decoration: line-through}
    h3 {text-decoration: underline}
    a {text-decoration: none}
    </style>
    </head>

    So if you are linking you image, it is surrounded by a blue boarder.... Hence, relation between text decoration and image boarder...
     
    BOOMBOOM, Aug 17, 2007 IP
  10. Muhammad Haris

    Muhammad Haris Peon

    Messages:
    576
    Likes Received:
    34
    Best Answers:
    0
    Trophy Points:
    0
    #10
    text-decoration is suppose to target text.
     
    Muhammad Haris, Aug 17, 2007 IP
  11. Grumps

    Grumps Peon

    Messages:
    592
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #11
    The simplest way to do it is to include a border="0" in your IMG tag. It will remove it.
     
    Grumps, Aug 17, 2007 IP
  12. Muhammad Haris

    Muhammad Haris Peon

    Messages:
    576
    Likes Received:
    34
    Best Answers:
    0
    Trophy Points:
    0
    #12
    *sigh*

    HTML should only be a document. CSS is meant for styles.

    Even <strong></strong> is said that it is not semantic.
     
    Muhammad Haris, Aug 17, 2007 IP
  13. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #13
    a img { border:0; } or just img { border:0; } at the top of stylesheet.
     
    soulscratch, Aug 17, 2007 IP
  14. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #14
    Do what soulscratch said. Unless your not wanting to have good coding...:/

    But if it's banners your giving code to people to promote you the border="0" is best.
     
    twistedspikes, Aug 17, 2007 IP
  15. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #15
    That is the way to 1999, welcome to 2007 where we use CSS and save all those keystrokes and time.
     
    soulscratch, Aug 17, 2007 IP
  16. BOOMBOOM

    BOOMBOOM Peon

    Messages:
    196
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #16
    Tsk Tsk.... :p
     
    BOOMBOOM, Aug 17, 2007 IP
  17. storeskin

    storeskin Peon

    Messages:
    132
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #17
    Post your CSS as well.
     
    storeskin, Aug 18, 2007 IP