I guess anyone with html knowledge can help me

Discussion in 'HTML & Website Design' started by DMK, Jul 20, 2007.

  1. #1
    My forum header shows a black border around it. The original image has no border but when I place it in the header location I get the border. I tried tweaking the file but still unable to solve this.

    I can show the file through PM. Could anyone kindly help me sort this problem please :confused:.

    Link: First in sig.
     
    DMK, Jul 20, 2007 IP
  2. eadkung

    eadkung Active Member

    Messages:
    148
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    58
    #2
    Since your header images is also a link. a border will be created around it automatically.

    If you don't need a border in you header image. you just specify image's border size to "0".

    <a href="http://www.ippilots.com/forum/index">
    <img src = "forum/images/IpPilots-Header.gif" border="0">
    </a>
    HTML:
     
    eadkung, Jul 20, 2007 IP
    DMK likes this.
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #3
    What does the HTML and CSS code for the header look like?
     
    Dan Schulz, Jul 20, 2007 IP
  4. DMK

    DMK Active Member

    Messages:
    585
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Thank you so much :eek:. That did the job in a second. :)
     
    DMK, Jul 20, 2007 IP
  5. fatabbot

    fatabbot Well-Known Member

    Messages:
    559
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    138
    #5
    Actually it's better to put that border stuff in a css class instead of in the tag :)
     
    fatabbot, Jul 20, 2007 IP
  6. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Yup, and can be taken care of with a single global style:

    
    img {
        border: 0;
        vertical-align: bottom; /* this removes the gap that can appear under images in Internet Explorer 5, 6 and Netscape 6 */
    ]
    
    Code (markup):
     
    Dan Schulz, Jul 20, 2007 IP