Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 3 Gast/Gäste
Banner Abstand
#1
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?
Computer helfen uns Probleme zu lösen, die wir ohne sie gar nicht hätten.
Zitieren
#2
Ä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>
Eine Homepage ist nie fertig, man hört nur auf an ihr zu arbeiten - Unbekannter Verfasser
Zitieren
#3
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>
Computer helfen uns Probleme zu lösen, die wir ohne sie gar nicht hätten.
Zitieren
#4
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.
Eine Homepage ist nie fertig, man hört nur auf an ihr zu arbeiten - Unbekannter Verfasser
Zitieren
#5
Geht leider nicht.

Da steht jetzt drin:
border: 1px solid #0B198C;
padding: 0px;
margin: auto auto;
margin-botton: 5px;
width: 97%;
Computer helfen uns Probleme zu lösen, die wir ohne sie gar nicht hätten.
Zitieren
#6
Da ist schon eine Angabe zu margin drin. Dann müsstest du das:
Code:
margin: auto auto;
ändern in:
Code:
margin: auto auto 5px;
Eine Homepage ist nie fertig, man hört nur auf an ihr zu arbeiten - Unbekannter Verfasser
Zitieren
#7
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 />
Computer helfen uns Probleme zu lösen, die wir ohne sie gar nicht hätten.
Zitieren
#8
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%3...%3Ffid%3D2

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Zitieren