Headergrafik hinter Suche legen
Verfasst: 07.11.2012 19:57
Meine Headergrafik ist recht "lang" und dadurch verschiebt sich meine Suchbox bei kleinerer Auflösung.
Deshalb dachte ich mir, dass ich die headergrafik in der overall_header.html so bearbeite, das sie hinter der Suchbox liegt.
Ich habe den z-index verändert, es zeigt aber keine Wirkung:
Deshalb dachte ich mir, dass ich die headergrafik in der overall_header.html so bearbeite, das sie hinter der Suchbox liegt.
Ich habe den z-index verändert, es zeigt aber keine Wirkung:
Code: Alles auswählen
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div style="height: 123px;">
<table id="site-description" style="width:auto;"><tr>
<a href="{U_INDEX}" id="logo"><img src="tes.png"></a>
<!-- <p style="font-size:12px!important;">{SITE_DESCRIPTION}</p></div> -->
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p></td>
</tr></table>
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box" style="z-index:5;">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
