Searchbox ist wie angenagelt

[rembrand]

Hallo,

nach mehreren Stunden intensiver Nutzung der Suchfunktion und Versuchen der Umsetzung, bekomme ich meine Searchbox immer noch nicht in den oberen Teil des Headers (neben dem Logo).

Ich habe die common.css mehrfach verändert und natürlich den Cache gelehrt. Ich kann sie zwar von links nach rechts schieben, aber nach oben bewegt sie sich nicht.
[ externes Bild ]

Kann jemand helfen?

Grüße,

Uwe

[Max]

Hallo,


die Search-Box findest Du in der overall_header.html, da kannst Du den Code an sich verschieeben.
In den CSS-Dateien findest Du die Eigenschaften der Box, Ausrichtung nach oben und zur Seite.


Wenn das alles geändert wurde (vor den Änderungen das Anlegen von Backups nicht vergessen), wird das hochgeladen und beim Forum der Cache geleert.
Beim Browser neu laden und dann sollte es passen.

[rembrand]

Hallo,


die Search-Box findest Du in der overall_header.html, da kannst Du den Code an sich verschieeben.

Ja, aber welchen Euntrag muss ich wie bzw. wohin verschieben?



<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 id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="get" 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 -->

[Max]

Da fällt mir ein, so zeigt übrigens auch der Code, dass die Box ja sowieso oben ist.

Allem Anschien nach hast Du beim Logo oder der Seitenbeschreibung etwas zerlegt, sodass die Box nur weggewandert ist.
Langer Text in der Beschreibung oder das Logo ist recht groß.

Ansonsten mal die CSS-Eigenschaften der drei Teile ansehen (Logo, Beschreibung, SearchBox), vielleicht sind die Seitenabstände nur zu groß.

[HabNurNeFrage]

Hi,

es scheint daran zu liegen, dass <fieldset> ... </fieldset> als Blockelement nach unten rutscht.

Versuche mal Folgendes:

Öffne: ./styles/prosilver/theme/content.css

Ergänze in neuer, leerer Zeile an beliebiger Stelle:

Code: Alles auswählen

#search-box fieldset { float: right; } 

LG

[AYYILDIZLAR]

Hallo,

Wenn du an den Template Dateien deines Styles Änderungen machst, musst du danach noch zusätzlich deine Templates aktualisieren + wie bereits erwähnt auch den Forum Cache leeren. Siehe dazu auch KB:169


Grüße

[Helmut]

Hallo Uwe,

da scheint was zu fehlen, schaue mal ob nach deinem <!-- ENDIF --> von deinem Codeausschnitt, den du oben genannt hast, der folgende Code drinnen ist:

Code: Alles auswählen

            <span class="corners-bottom"><span></span></span></div>
        </div>

        <div class="navbar">
            <div class="inner"><span class="corners-top"><span></span></span>
 

entnommen aus der Original overall_header.html vom 3.0.12

Der Codeteil schließt den oderen <div> Block ab und beginnt den neuen schmalen Block mit den Links.

Gruß Helmut

[HabNurNeFrage]

Hi,

in seiner overall_header ist die Such-Box innerhalb dieses Blockes.
(Zeilen 102 bis 123)

Irgendein Blockelement müsste meiner Meinung nach da noch floaten...

LG

[rembrand]

Ich habe mal in der common.css die headerbar wieder etwas vergrößert:

.headerbar {
background: #ebebeb none repeat-x 0 0;
color: #FFFFFF;
margin-bottom: 4px;
padding: 0 5px;
height: 320px

Jetz ist das Suchfeld innerhalb. Nur, Hintergrund meiner zuvor vorgenommenen Verkleinerung war, dass ich den gesamten Header (also den oberen Teil) etwas in der Höhe schmaler haben wollte.

Vielleicht schaut ihr es euch mal an: http://www.akkuschrauber.beagleforum.de ... portal.php

[Helmut]

Hallo Uwe,

achso, du hattest das obere Feld mit einer festen Größe versehen, hättest uns ja sagen können.

Da sich innerhalb von .headerbar die Elemente #site-description und #search-box befinden, musst du diese natürlich auch in der common.css anpassen wenn du eine feste Größe vorgeben willst.

Gruß Helmut