Removing a space below logo

Discussion in 'HTML & Website Design' started by holkapolka, Jul 26, 2011.

  1. #1
    http://www.folkehøyskole.org/ How do I remove the space below the top logo, on IE there is no space but on firefox it is and on chrome. And why doesnt i get sent to the index page when i clic on the logo? Please help!! :confused:
     
    Solved! View solution.
    Last edited: Jul 26, 2011
    holkapolka, Jul 26, 2011 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    Never, ever use IE as a reference for how things should work. Always, always use a modern browser and that is NEVER IE.

    I'm heading out the door for dinner but the first obvious problem is the <br> you have between the two elements causing the space which IE is ignoring. I don't know if that entirely fixes the problem or not.

    Firefox and Chrome are showing what you wrote. IE is making things up as it goes along.
     
    drhowarddrfine, Jul 26, 2011 IP
  3. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #3
    I'd suggest getting rid of time image maps completely, and rebuilding the header of your website.
    Using a single image for the logo, the header, and the menus is absolutely wrong.
     
    Clive, Jul 26, 2011 IP
  4. webmechanic1550

    webmechanic1550 Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I would advice to use clean coding while building any website. Try to keep style sheets away from the html codes it will give you the exact picture as to where exactly the problem lies with. Use applications like dreamweaver it will make work more easier then ever.

    hope this would help,
    Regards,
    Chetan Chitte
     
    webmechanic1550, Jul 26, 2011 IP
  5. holkapolka

    holkapolka Well-Known Member

    Messages:
    623
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    145
    #5
    Hi thank you, removing the br removed 90% of the space between so now it looks a lot better.

     
    holkapolka, Jul 27, 2011 IP
  6. Trix

    Trix Peon

    Messages:
    192
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    0
    #6
    Do not use maps for navigation. It makes it difficult for search engines bots...
     
    Trix, Jul 27, 2011 IP
  7. creativewebmaster

    creativewebmaster Active Member

    Messages:
    654
    Likes Received:
    7
    Best Answers:
    4
    Trophy Points:
    78
    #7
    I think you solve the issue.
     
    creativewebmaster, Jul 27, 2011 IP
  8. holkapolka

    holkapolka Well-Known Member

    Messages:
    623
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    145
    #8
    Hi not 100% , it is still a little space between the logo and the rest but not so much as before. This is only on firefox, IE and chrome works great.
     
    holkapolka, Jul 27, 2011 IP
  9. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #9
    To the anchor for that image, add 'vertical-align:bottom'. Images are aligned to the baseline of the text, hence the gap.
     
    drhowarddrfine, Jul 27, 2011 IP
  10. holkapolka

    holkapolka Well-Known Member

    Messages:
    623
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    145
    #10
    Hi

    I tried so but didnt work.

     
    holkapolka, Jul 27, 2011 IP
  11. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #11
    Works for me.
     
    drhowarddrfine, Jul 27, 2011 IP
  12. holkapolka

    holkapolka Well-Known Member

    Messages:
    623
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    145
    #12
    Hi

    In firefox?
     
    holkapolka, Jul 27, 2011 IP
  13. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #13
    Yes. Make sure you are applying it to the anchor inside the first div after the body.
     
    drhowarddrfine, Jul 27, 2011 IP
  14. holkapolka

    holkapolka Well-Known Member

    Messages:
    623
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    145
    #14
    Hi i dont get it.. :(

     
    holkapolka, Jul 27, 2011 IP
  15. #15
    drhowarddrfine means this....

    <a href="index.htm" style="vertical-align:bottom">
    <img hspace="0" height="350" border="0" align="bottom" width="850" vspace="0" usemap="#Map2" alt="folkehøyskoler, folkehøyskole, folkehøgskole, folkehøgskoler, moderne norsk" src="folkehoyskole.gif">
    </a>
     
    Trix, Jul 27, 2011 IP
  16. holkapolka

    holkapolka Well-Known Member

    Messages:
    623
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    145
    #16
    SUPERB!! Made it, great thanks!
     
    holkapolka, Jul 27, 2011 IP