+- 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: Header und Welcomeblock in einer Reihe? (/thread-25381.html)
Header und Welcomeblock in einer Reihe? - Devon - 10.04.2012
Guten Abend,
ich suche schon seit Stunden eine Möglichkeit den Header und den Welcomeblock in einer Reihe oben anzuzeigen zu lassen. Im Moment ist der Block noch etwas weiter nach unten zentriert (wie man dem Screenshot entnehmen kann):
Ich möchte jedoch das Beides auf einer Ebene/Reihe ist und wenn möglich das der Text gleichmäßig angezeigt wird. Ich habe es schon mittels float und margin versucht, allerdings schlägt beides fehl.
Ich erhoffe mir hier einen Lösungsweg zufinden.
Anbei die Codes der CSS-Datei:
Code:
#panel {
background: url(images/panel_bg.gif) no-repeat center left;
padding: 9px;
width: 225px;
height: 79px;
}Das Header-Template sieht momentan so aus:
Code:
<div id="header">
<div style="align: left; text-align: left; margin-left: 142px; margin-right: 30px;"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div><div style="align: right; text-align: right; margin-left: 1350px; margin-right: 30px;"><div id="panel">
{$welcomeblock}
</div></div>
<table border="0" align="top" style="text-align: top; width: 99%; padding: 20px; margin: auto auto;">MfG
RE: Header und Welcomeblock in einer Reihe? - Jockl - 10.04.2012
Hast Du es mal mit float:left und float:right probiert? So wie nachfolgend:
Code:
#panel {
background: url(images/panel_bg.gif) no-repeat center left;
padding: 9px;
width: 225px;
height: 79px;
float: right;
}Das Header-Template sieht momentan so aus:
Code:
<div id="header">
<div style="float:left; align: left; text-align: left; margin-left: 142px; margin-right: 30px;"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div><div style="align: right; text-align: right; margin-left: 1350px; margin-right: 30px;"><div id="panel">
{$welcomeblock}
</div></div>
<table border="0" align="top" style="text-align: top; width: 99%; padding: 20px; margin: auto auto;">RE: Header und Welcomeblock in einer Reihe? - Devon - 10.04.2012
(10.04.2012, 20:35)Jockl schrieb: Hast Du es mal mit float:left und float:right probiert? So wie nachfolgend:
Code:#panel {
background: url(images/panel_bg.gif) no-repeat center left;
padding: 9px;
width: 225px;
height: 79px;
float: right;
}
Das Header-Template sieht momentan so aus:
Code:<div id="header">
<div style="float:left; align: left; text-align: left; margin-left: 142px; margin-right: 30px;"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div><div style="align: right; text-align: right; margin-left: 1350px; margin-right: 30px;"><div id="panel">
{$welcomeblock}
</div></div>
<table border="0" align="top" style="text-align: top; width: 99%; padding: 20px; margin: auto auto;">
Hab ich auch schon versucht, allerdings hab ich dann das Problem das der Welcomeblock nicht zum Container des Forums passt, da er zuweit rechts ist.
Ich müsste quasi wie im Header-Template das Ganze mit margin-left und right machen.
RE: Header und Welcomeblock in einer Reihe? - Kenny - 10.04.2012
Bei solchen Fragen ist es immer recht schwer Hilfestellung zu leisten wenn man keinen Link zum entsprechenden Forum hat. Kannst du diesen evtl. posten?
RE: Header und Welcomeblock in einer Reihe? - Devon - 10.04.2012
(10.04.2012, 20:42)Kenny schrieb: Bei solchen Fragen ist es immer recht schwer Hilfestellung zu leisten wenn man keinen Link zum entsprechenden Forum hat. Kannst du diesen evtl. posten?
Hat sich erleidigt. Ich habe einfach margin-left in der CSS bei panel festgelegt und dann experimentiert, sodass es passt.
Danke für die ausführliche Hilfe.