Modified 2.x - Suche im Banner

[derheiko]

Hallo zusammen,

ich habe über die css vom tpl_modified den Banner vergrößert.
Innerhalb des div Container wird nun die Suche nicht mehr angezeigt, weil sie vom Banner überblendet wird.

Gerne hätte ich die Suche da, wo die Pfeile hinzeigen.
So wie im alten Design.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Die ist auf dem Screenshot nun drunter, weil ich sie außerhalb des div Container gesetzt habe.
Was muss ich hinzufügen das die Suchenbox auf dem Banner zu sehen ist?

Vielen Dank vorab.

Linkback: https://www.modified-shop.org/forum/index.php?topic=36319.0

[karsta.de]

Hallo Heiko,

ich gehe mal davon aus nach deinem Bild zu urteilen, dass du an einem nicht responsiven Template arbeitest. Und ich denke, du hast den style für das DIV #logo auf die width:100% verändert?
Wenn dem so ist, dann müßteste du in der index.html suchen:

Code: PHP  [Auswählen]

<div id="layout_logo">
<div id="logo"><a href="{$index}" title="{#link_index#} &bull; {$store_name}">&nbsp;</a></div>
{if isset($box_SEARCH)}<div id="search">{$box_SEARCH}</div>{/if}
</div>

und so ändern:

Code: PHP  [Auswählen]

<div id="layout_logo">
<div id="logo">
<a href="{$index}" title="{#link_index#} &bull; {$store_name}">&nbsp;</a>
{if isset($box_SEARCH)}<div id="search">{$box_SEARCH}</div>{/if}
</div>
</div>

Dann in der stylesheets.css

Suchen:

Code: CSS  [Auswählen]

#search {
  float:right;
  position:relative;
  width:300px;
  border:0px solid transparent;
  margin-top:22px;
}

ändern in:

Code: CSS  [Auswählen]

#search {
  float:right;
  position:relative;
  width:300px;
  border:0px solid transparent;
  margin-top:-50px;
}

Dann sollte es passen.
BG kgd

[derheiko]

Vielen Dank für deine schnelle Antwort und Hilfe.
Entschuldige bitte die fehlenden Informationen.
Ja, es ist derzeit nicht für das "responsive Template". Das möchte ich mir erst erwerben, wenn ich weiß ob ich alles so in das neue Template umgesetzt bekomme wie gewohnt.

Stimmt mit "responsive ", da muss ich mir auch Gedanken drum machen, da der Banner ja evtl zu groß für mobile Geräte ist.

Dann bleibt mir nur noch übrig den Bereich als Hintergrund (Tabelle?) zu nehmen und dann links unser logo und rechts die Suche.

Vielen Dank aber schon mal vorab für deine Hilfe.

[karsta.de]

Sorry, aber das ist eigentlich verschwendete Zeit, erst alles in einem normalen Design einzubauen und danach in einem responsivem. Das ist natürlich responsiv gar kein Problem auch ohne Tabellen siehe hier. Logo komplett über die gesamte Breite und Suchfeld rechts. Mobil natürlich unter dem Logo.

BG kgd

[derheiko]

Wir sind bis dato mit dem XTC5 Template gefahren.
Links und Rechts die Boxen. Mitte Inhalt.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Nun finde ich das neue Design viel schöner, aufgeräumter und übersichtlicher.
Nur wohin mit den Boxen? Vieles wie SSL Zertifikat und andere Logos (Paypal/DHL und co.) können in die Fussnote.

Aber die Rufnummer und die Links zu Widerruf/Impressum/AGB müssen auf Sichthöhe sein.
Bei 170 Herstellern links muss der Kunde soweit runter scrollen, das wir die links höher positionieren müssen. (Gesetzesvorlage dass die Links nicht "versteckt" sein dürfen).

Nun habe ich das ganze zu mindestens mal nach oben gepackt.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Sofern ich meinen Chef überzeugt bekomme, werde ich dann das responsiv Design erwerben und dann weiter umbauen.

Vielen Dank für den Link/Demo.
Dann weiß ich wenigstens, dass es auch mit kompletten Banner geht.

Also bastel ich derzeit das neue Template so um, dass mein Chef mal sehen kann das auch anders geht.
Daher die doppelte Arbeit ......