OhneName: Abstand

Beitrag lesen

SELF-Forum

Abstand

OhneName
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln