MyBB.de Forum
Banner Abstand - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Banner Abstand (/thread-4610.html)



Banner Abstand - Beatrice63 - 20.01.2007

Hallo zusammen

Ich habe in meinem Forum oben im header ein Banner von Wikipedia eingefügt.
Nun habe ich das Problem das ich oben zu den Buttons einen Abstand von ca. 5mm habe und unten zur Übersicht ca. 2mm. Wie kriege ich den Abstand oben so hin wie unten, 2mm ?

Siehe Screenshot:
   

So sieht mein header aus:
Code:
    <a name="top" id="top"></a>
<div id="container">
<div id="header">
<div class="logo" align="left"><!-- ImageReady Slices (2007_b_2.psd) -->
<TABLE WIDTH=978 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD>
            <IMG SRC="../../images/myBulletin/images/logo_01.gif" WIDTH=2 HEIGHT=77></TD>
        <TD>
            <A HREF="http://www.pc-tips.ch">
                <IMG SRC="../../images/myBulletin/images/logo_02.gif" WIDTH=397 HEIGHT=77 BORDER=0 ALT="Forum Startseite"></A></TD>
        <TD>
            <A HREF="http://www.pc-tips.ch/member.php?action=register">
                <IMG SRC="../../images/myBulletin/images/logo_03.gif" WIDTH=579 HEIGHT=77 BORDER=0 ALT="Klick hier um dich zu Registrieren"></A></TD>
    </TR>
</TABLE>
<!-- End ImageReady Slices --></div>
            <hr class="hidden" />
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
                              {$welcomeblock}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            <br class="clear" />
<div align="center">
<a href="http://de.wikipedia.org/">
<img src="images/myBulletin/wikipedia.png" border="0" width="468" height="60" alt="Wikipedia - die freie Enzyklopädie"
</a>

Habe soeben noch festgestellt das im unteren teil des Forum die Foren-Statistiken auch auf einmal zentriert sind. Habe oben ersichlich im Code die Zeile (<div align="center">) aus der header gelöscht jetzt ist die Foren-Statistiken wieder links bündig aber auch das Banner.
Wie kriege ich nur das Banner zentriert?


RE: Banner Abstand - frankrieger - 20.01.2007

Ändere folgendes:
Code:
{$unreadreports}
<br class="clear" />
<div align="center">
<a href="http://de.wikipedia.org/">
<img src="images/myBulletin/wikipedia.png" border="0" width="468" height="60" alt="Wikipedia - die freie Enzyklopädie"
</a>
in:
Code:
{$unreadreports}
<center>
<a href="http://de.wikipedia.org/">
<img src="images/myBulletin/wikipedia.png" border="0" width="468" height="60" alt="Wikipedia - die freie Enzyklopädie"
</a>
</center>



RE: Banner Abstand - Beatrice63 - 20.01.2007

Der Abstand zu den Buttons im oberen teil des Banner müsste jetzt nur noch 2mm Abstand haben wie mache ich das?

Siehe Sceenshot:
   

Hier nochmals die Abgeänderte header:
Code:
<a name="top" id="top"></a>
<div id="container">
<div id="header">
<div class="logo" align="left"><!-- ImageReady Slices (2007_b_2.psd) -->
<TABLE WIDTH=978 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD>
            <IMG SRC="../../images/myBulletin/images/logo_01.gif" WIDTH=2 HEIGHT=77></TD>
        <TD>
            <A HREF="http://www.pc-tips.ch">
                <IMG SRC="../../images/myBulletin/images/logo_02.gif" WIDTH=397 HEIGHT=77 BORDER=0 ALT="Forum Startseite"></A></TD>
        <TD>
            <A HREF="http://www.pc-tips.ch/member.php?action=register">
                <IMG SRC="../../images/myBulletin/images/logo_03.gif" WIDTH=579 HEIGHT=77 BORDER=0 ALT="Klick hier um dich zu Registrieren"></A></TD>
    </TR>
</TABLE>
<!-- End ImageReady Slices --></div>
            <hr class="hidden" />
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
                              {$welcomeblock}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
<center>
<a href="http://de.wikipedia.org/">
<img src="images/myBulletin/wikipedia.png" border="0" width="468" height="60" alt="Wikipedia - die freie Enzyklopädie"
</a>
</center>



RE: Banner Abstand - frankrieger - 20.01.2007

Du fügst bei deinem Theme bei Willkommenspanel diesen Code hinzu:
Code:
margin-bottom: 5px;
Den Abstand kannst du damit natürlich dann auch größer oder kleiner machen.


RE: Banner Abstand - Beatrice63 - 20.01.2007

Geht leider nicht.

Da steht jetzt drin:
border: 1px solid #0B198C;
padding: 0px;
margin: auto auto;
margin-botton: 5px;
width: 97%;


RE: Banner Abstand - frankrieger - 20.01.2007

Da ist schon eine Angabe zu margin drin. Dann müsstest du das:
Code:
margin: auto auto;
ändern in:
Code:
margin: auto auto 5px;



RE: Banner Abstand - Beatrice63 - 20.01.2007

Habe es jetzt mit dem Abstand lössen können.

Aber leider habe ich jetzt ein anderes Problem.
Alles was unterhalb des Banner ist ist irgendwie mit dem Banner verlinkt.
Kann man den Hyperlink vom Banner einschliessen das es nicht mehr übergreifend ist.

http://www.pc-tips.ch

Siehe Sreenshot:
   

Aktuelle header:
Code:
<a name="top" id="top"></a>
<div id="container">
<div id="header">
<div class="logo" align="left"><!-- ImageReady Slices (2007_b_2.psd) -->
<TABLE WIDTH=978 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD>
            <IMG SRC="../../images/myBulletin/images/logo_01.gif" WIDTH=2 HEIGHT=77></TD>
        <TD>
            <A HREF="http://www.pc-tips.ch">
                <IMG SRC="../../images/myBulletin/images/logo_02.gif" WIDTH=397 HEIGHT=77 BORDER=0 ALT="Forum Startseite"></A></TD>
        <TD>
            <A HREF="http://www.pc-tips.ch/member.php?action=register">
                <IMG SRC="../../images/myBulletin/images/logo_03.gif" WIDTH=579 HEIGHT=77 BORDER=0 ALT="Klick hier um dich zu Registrieren"></A></TD>
    </TR>
</TABLE>
<!-- End ImageReady Slices --></div>
            <hr class="hidden" />
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
                              {$welcomeblock}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            <br class="clear" />
<center>
<a href="http://de.wikipedia.org/">
<img src="images/myBulletin/wikipedia.png" border="0" width="468" height="60" alt="Wikipedia - die freie Enzyklopädie"
</a>
</center>
<br />



RE: Banner Abstand - Michael - 20.01.2007

Es gibt einige Fehler, die du beheben solltest. Generell sollten HTML-Tags schonmal klein geschrieben werden. Ein Fehler zu einem Link findest du auch in der Liste weiter unten: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pc-tips.ch%2Fforumdisplay.php%3Ffid%3D2