Käsebrötchen: Abstand

Also, ich habe folgendes Problem:
http://img226.imageshack.us/img226/5484/unbenanntil2.jpg
Und zwar dieser Strich unter Home...
der muss weg!
hier der code:
<img src="images/home.gif" border="0">
<div id="bglink">
<a href="http://evergreenterrace.de.gg">EvergreenTerrace</a>
<br>

Hier die css datei:
#bglink {
    background-image:url("images/list.gif");
    margin-top:0px

danke schonmal für die hilfe =) (die ja wohl hoffentlich gleich kommen wird^^)

  1. Hallo,

    Hast du es schonmal mit
    html, body { margin:0; padding:0; }
    probiert?

    Gruss,
    OhneName

    1. Hallo,

      Hast du es schonmal mit
      html, body { margin:0; padding:0; }
      probiert?

      Gruss,
      OhneName

      Nein, hat aber leider auhc nichts gebracht :(

      1. Hallo,

        Dann musst du dich halt solange vorarbeiten bis zum innersten Element und überall margin und padding auf 0 setzen.

        html,
        body,
        #root,
        #banner,
        #banner img
        { margin:0; padding:0 }

        Dieses Bild sollte das oberste Element sein, wenn das nicht funktioniert, dann weiß ich auch nicht mehr weiter.

        Gruss,
        OhneName

        PS: Du solltest deine Seite auch einmal validieren. Das bewirkt Wunder.

        1. Hallo,

          Dann musst du dich halt solange vorarbeiten bis zum innersten Element und überall margin und padding auf 0 setzen.

          html,
          body,
          #root,
          #banner,
          #banner img
          { margin:0; padding:0 }

          Dieses Bild sollte das oberste Element sein, wenn das nicht funktioniert, dann weiß ich auch nicht mehr weiter.

          Gruss,
          OhneName

          PS: Du solltest deine Seite auch einmal validieren. Das bewirkt Wunder.

          Ich habe das gleiche Problem und verstehe deine Lösung leider nicht. Kannst du das vielleicht noch mal für absoulute Noobs erklären?

          1. Hallo,

            hier erstmal der HTML-Code der betroffenen Seite (auf das nötigste gekürzt natürlich):

              
            <html>  
                ...  
                <body>  
                    <div id="root">  
                        <div id="banner">  
                            <img src="images/banner.jpg">  
                        </div>  
                        ...  
            
            

            Dieses Bild soll nun ganz oben erscheinen ohne irgendwelche Abstände. Jetzt den CSS-Code um das zu erreichen:

              
            html,    //selektiert das Element html  
            body,    //selektiert das Element body  
            #root,    //selektiert das Element mit der id root  
            #banner,    //selektiert das Element mit der id banner  
            #banner img    //selektiert das Element img, das innerhalb eines Elements  
                           //mit der id banner liegt  
            { margin:0;    //setzt den Außenabstand auf null  
             padding:0; }    //setzt den Innenabstand auf null  
            
            

            Hiermit wählen wir alle Elemente bis zu unserem img aus und setzen ihre Abstände auf 0.

            Wie Marc schon gesagt hat (danke an dieser Stelle) ist es wohl auch nötig Leerzeichen und Zeilenumbrüche zu entfernen, da auch diese von Browsern dargestellt werden. In aller Regel in Form von ungewollten Abständen. Also <div><img></div> statt der oben geschriebenen Variante.

            Gruss,
            OhneName

    2. Hallo OhneName,

      Hast du es schonmal mit
      html, body { margin:0; padding:0; }
      probiert?

      *lol*, der war lustig.

      "Käsebrötchen": Hast du schon mal daran gedacht, dass Leerzeichen zwischen deinen beiden Elementen dafür verantwortlich sein könnten? Zu Leerzeichen gehören auch Zeilenumbrüche.

      Grüße

      Marc Reichelt || http://www.marcreichelt.de/

      --
      Linux is like a wigwam - no windows, no gates and an Apache inside!
      Selfcode: ie:{ fl:| br:> va:} ls:< fo:} rl:( n4:( ss:) de:> js:| ch:? sh:| mo:) zu:)