Seite 1 von 1

Banner in overall_header.html zentrieren

Verfasst: 08.01.2009 16:04
von jeffreydj
Hi,

ich möchte einen Google Adsense Banner zentriert im Header darstellen.
Das eingesetzte Theme heißt "Hestia Blue". (siehe meine Seite: http://wurzelpi.wu.funpic.de/forum/index.php)

Um den Banner zu platzieren, habe ich die overall_header.html so geändert, dass u.a. folgendes drinsteht:

Code: Alles auswählen

<div id="logo-row">
    <div id="logo-left">
        <div id="logo-right">
            <!-- IF not S_IS_BOT -->
                <!-- IF S_USER_LOGGED_IN -->
                    <div id="logo-registered">
						<!-- IF S_DISPLAY_PM -->
						    <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><br />
                        <!-- ENDIF -->
                        {LAST_VISIT_DATE}<br />
                        {CURRENT_TIME}
                    </div>
                <!-- ELSE -->
                    <!-- IF S_LOGIN_ACTION -->
                    <div id="logo-login">
                        <form method="post" action="{S_LOGIN_ACTION}">
                            <input class="post" type="text" name="username" size="7" title="{LA_USERNAME}" /> <input class="post" type="password" name="password" size="7" title="{LA_PASSWORD}" /><br />
                            <!-- IF S_AUTOLOGIN_ENABLED --><input type="checkbox" class="radio" name="autologin" title="{LA_LOG_ME_IN}" />&nbsp;<!-- ENDIF --> <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" />
                        	{S_FORM_TOKEN}
                        </form>
                    </div>
                    <!-- ENDIF -->
                <!-- ENDIF -->
            <!-- ENDIF -->
            <a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
            

                <!-- GOOGLE ADSENSE WERBUNG ... -->
                  

            <div id="logo-clear"></div>
        </div>
    </div>
</div>
Die Werbung erscheint nun hinter dem Foren-Logo. Wenn ich nun aber den Code für die Werbung in <center></center>-Tags stecke, erscheint der Banner zwar zentriert, aber unter dem eigentlichen Header-Streifen. Ebenso bei <div align="center"></div>.

Ich würde mich über Hilfe freuen,
MFG jeff.

Re: Banner in overall_header.html zentrieren

Verfasst: 08.01.2009 18:45
von jeffreydj
Ich habe jetzt alle div's in eine Tabelle gepackt. Ist zwar nicht sehr schön, aber es klappt erstmal.

Code: Alles auswählen

<div id="logo-row">
    <div id="logo-left">
        <div id="logo-right">
            <table border="0" width="100%" cellpadding="0" cellspacing ="0"><tr>
            <td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
                <td align="center">


                     <GOOGLE WERBUNG>


                </td>
                <td><!-- IF not S_IS_BOT -->
                <!-- IF S_USER_LOGGED_IN -->
                    <div id="logo-registered">
						<!-- IF S_DISPLAY_PM -->
						    <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><br />
                        <!-- ENDIF -->
                        {LAST_VISIT_DATE}<br />
                        {CURRENT_TIME}
                    </div>
                <!-- ELSE -->
                    <!-- IF S_LOGIN_ACTION -->
                    <div id="logo-login">
                        <form method="post" action="{S_LOGIN_ACTION}">
                            <input class="post" type="text" name="username" size="7" title="{LA_USERNAME}" /> <input class="post" type="password" name="password" size="7" title="{LA_PASSWORD}" /><br />
                            <!-- IF S_AUTOLOGIN_ENABLED --><input type="checkbox" class="radio" name="autologin" title="{LA_LOG_ME_IN}" />&nbsp;<!-- ENDIF --> <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" />
                        	{S_FORM_TOKEN}
                        </form>
                    </div>
                    <!-- ENDIF -->
                <!-- ENDIF -->
            <!-- ENDIF --></td>
            <div id="logo-clear"></div>
            </tr></table>
        </div>
    </div>
</div>