Abstand Headerbanner und Navi

von Sven Mo 20 Apr 2009 - 19:04

Hallo,

ich kann mir denken, dass ich nerve und es ist auch vorerst meine letzte Bitte.
Wie minimiere ich den Abstand des Headerbanners zur Navigation?

Gruß rockster

von Zuckerpuppe Mi 22 Apr 2009 - 9:26

Hallo rockster Smile

eigentlich dürfte es kein Problem sein, diesen Abstand zu verringern...aber du hast ja das Template bearbeitet und den Headerwechsel eingebaut...sodass das bei dir anders ist...
so, wie ich das sehe, ist da eine transparente Grafik drin, die 30px hoch ist...und diesen Abstand erzeugt...

kannst du mir mal bitte das komplette Template overall_header-new geben?
dann schau ich mir das mal an, wo die Grafik steckt und wie/ob ich sie wegbekommen kann... Smile

von Sven Mi 22 Apr 2009 - 9:41

Hallo Zuckerpuppe Very Happy

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> {META_FAVICO} {META} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <script src="/{JS_DIR}/jquery.js" type="text/javascript"></script> <script language="JavaScript">  </script>  <script type="text/javascript"> //<![CDATA[ pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus(); //]]> </script>   <script type="text/javascript"> //<![CDATA[ report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); report.focus(); //]]> </script>  {GREETING_POPUP}  <script type="text/javascript"> //<![CDATA[ var logInPopUp, logInIframe, logInContent, logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false, logInPopUpCss = '{T_HEAD_STYLESHEET}'; //]]> </script>  <script src="/{JS_DIR}/{L_LANG}.js" type="text/javascript"></script>  <style type="text/css"> #hitskin_preview { margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 65px; background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px; color: #fff; } * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */ position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); z-index: 2; background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px; } * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */ background: #fff url(foo) fixed; } #hitskin_preview h1 { float: left; margin: 3px 0 0 0; padding: 0 0 0 10px; font: italic normal 25px Arial,sans serif; color: #fff; } #hitskin_preview h1 img { vertical-align: middle; } #hitskin_preview em { color: #7CBA2C; font-weight: bold; } #hitskin_preview a { color: #fff; } #hitskin_preview a:hover { text-decoration: underline; } #hitskin_preview .content { text-align: right; } #hitskin_preview .content p { margin: 4px 1em 0px 1em; font-size: 13px; line-height: 1.8em; color: #fff; font-weight: bold; } #hitskin_preview .content p span { font-weight: normal; font-size: 0.8em; } body { margin-top: 40px !important; } {hitskin_preview.HITSKIN_RTL_CSS} </style>  </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">  <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup"> <iframe id="login_popup_iframe" frameborder="0" scrolling="no"></iframe> <div id="login_popup_content"> <div id="login_popup_background"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get" target="_parent"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> </div> </div>  <a name="top"></a> {JAVASCRIPT} <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr>  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}<br /> </span> </td>   <center> <td {imageback} width="100%" align="center"><a href="http://rockster-forum.forumotion.com/forum.htm"><script language="JavaScript">  </script></a></td> </center> <br /> <div class="maintitle">{MAIN_SITENAME}</div><br /> <span class="gen">{SITE_DESCRIPTION}</span> </td>   <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}<br /> </span> </td> <td> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> </td>  </tr> </table> <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"><tr><td><img src="{SPACER}" height="30" width="1" /></td></tr> <tr> <td width="910" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</td> </tr> </table> <div style="clear: both;"></div> <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> </td> <td valign="top" width="100%">  </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html>

von Zuckerpuppe Mi 22 Apr 2009 - 9:57

Hi...

tausch das mal komplett aus gegen dieses hier:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> {META_FAVICO} {META} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <script src="/{JS_DIR}/jquery.js" type="text/javascript"></script> <script language="JavaScript">  </script>  <script type="text/javascript"> //<![CDATA[ pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus(); //]]> </script>   <script type="text/javascript"> //<![CDATA[ report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); report.focus(); //]]> </script>  {GREETING_POPUP}  <script type="text/javascript"> //<![CDATA[ var logInPopUp, logInIframe, logInContent, logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false, logInPopUpCss = '{T_HEAD_STYLESHEET}'; //]]> </script>  <script src="/{JS_DIR}/{L_LANG}.js" type="text/javascript"></script>  <style type="text/css"> #hitskin_preview { margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 65px; background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px; color: #fff; } * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */ position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); z-index: 2; background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px; } * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */ background: #fff url(foo) fixed; } #hitskin_preview h1 { float: left; margin: 3px 0 0 0; padding: 0 0 0 10px; font: italic normal 25px Arial,sans serif; color: #fff; } #hitskin_preview h1 img { vertical-align: middle; } #hitskin_preview em { color: #7CBA2C; font-weight: bold; } #hitskin_preview a { color: #fff; } #hitskin_preview a:hover { text-decoration: underline; } #hitskin_preview .content { text-align: right; } #hitskin_preview .content p { margin: 4px 1em 0px 1em; font-size: 13px; line-height: 1.8em; color: #fff; font-weight: bold; } #hitskin_preview .content p span { font-weight: normal; font-size: 0.8em; } body { margin-top: 40px !important; } {hitskin_preview.HITSKIN_RTL_CSS} </style>  </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">  <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup"> <iframe id="login_popup_iframe" frameborder="0" scrolling="no"></iframe> <div id="login_popup_content"> <div id="login_popup_background"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get" target="_parent"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> </div> </div>  <a name="top"></a> {JAVASCRIPT} <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr>  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}<br /> </span> </td>   <center> <td {imageback} width="100%" align="center"><a href="http://rockster-forum.forumotion.com/forum.htm"><script language="JavaScript">  </script></a></td> </center> <br /> <div class="maintitle">{MAIN_SITENAME}</div><br /> <span class="gen">{SITE_DESCRIPTION}</span> </td>   <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DESCRIPTION}<br /> </span> </td> <td> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> </td>  </tr> </table> <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"><tr><td><img src="{SPACER}" height="0" width="1" /></td></tr> <tr> <td width="910" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</td> </tr> </table> <div style="clear: both;"></div> <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> </td> <td valign="top" width="100%">  </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html>

von Sven Mi 22 Apr 2009 - 12:48

Vielen Dank, hat wieder sehr gut geklappt.

Gruß Rockster

P. S. Hast du für mich einen Tip, wo ich im Netz mal selber nachschauen kann, was Templates angeht?

von **#Frank** Mi 22 Apr 2009 - 13:03

Du kannst dich über HTML z.B. hier informieren:
http://www.selfhtml.org/
Über Templates kannst du mit Abstand Headerbanner und Navi Smiley_emoticons_google

Abstand Headerbanner und Navi Smiley_emoticons_google

und den Suchwort: phpbb template
eine ganze Menge Seiten finden.

von Sven Mi 22 Apr 2009 - 13:49

Vielen Dank, Frank Very Happy

Aber html ist nicht das Problem!
php Templates sind es und über Google habe ich gesucht.
Klar sind dort viele Seiten, es hätte ja nur sein können, dass es eine Seite gibt, die in der Hinsicht besonders zu empfehlen ist.

von **#Frank** Mi 22 Apr 2009 - 14:00

Es gibt so viele Abhandlungen über dieses Thema, das man nicht sagen kann: "diese oder jene Seite ist ganz gut geeignet..." man mus sich selber mal Gedanken machen was Suche ich und was möchte ich wissen.
Ich kann dir jetzt sagen: "..geh mal auf die und die Seite", aber das was du eigentlich suchst findest du dort nicht, weil du etwas ganz anderes wissen möchtest.
Da muss man sich selber mal durchwuseln.
Ist nicht böse gemeint...

von Gast Mi 22 Apr 2009 - 14:01

Am besten dafür mal in einen Buchladen gehen und Gruppe PC / Programmierung gehen und dort mal nach ein gutes Buch für Anfänger suchen.
Hier kann man ja vor Ort durch schauen wie im Buch was erklärt wird und ob es viele Hilfe und Lösungs Zitate enthält und eine Einführung um z.B. ein shop selber einzurichten.
Preis liegt so bei 15 bis 50 Euro
Gute Bücher ab 30 Euro

Das ist mehr Wert als im Internet.
1. Hast du Buch immer zur Hand auch ohne Rechner an zu haben
2. Mehr Infos und Erklärungen
3. Dazu kannst du besser noch Internet benutzen, wenn etwas doch nicht so klappt.