Suchfeld und Navtrail in eine Leiste

[gero01]

Hallo Allerseits,

benötige von Euch (mal wieder)den berühmten Wink mit dem Zaunpfahl.
In die Breadcrumb-Leiste soll links die Suche, und einige Pixel weiter die Navtrail eingepasst werden.
Die Suche ist bereits auf ´Einzeilig´ umgebaut.
Ich scheiter bereits an der index.html :

Code: PHP  [Auswählen]

<div id="breadcrumb">{$box_SEARCH}{$navtrail}</div>

Fehler: Navtrail sitz eine Zeile tiefer !

Ich möchte beide Elemente getrennt in der stylesheet anpassen können:
für das Eingabefeld:

Code: CSS  [Auswählen]

input {
        background:url(img/input_bg.gif) no-repeat;
        font-size:11px;
        color: #666;
        font-family: Tahoma, Geneva, sans-serif;
}

wo kann ich u.a. die Eingsabe-Feldlänge ändern?
Wie kann ich das einzelne Wort ´Suche´ und die Navtrail in
breadcrumb & #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active
getrennt anpassen.

Vielen Dank
Gerd



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

[franky_n]

Hallo gero01,

schau mal hier: Erweiterte Suche rechts neben dem Navtrail

Viele Grüße

Franky

[gero01]

Danke für Deinen Hinweis. Ich kenne diesen Beitrag, aber ich konnte bisher daraus nichts herleiten.
Gerd

[Tomcraft]

Na anstelle des Links "Erweiterte Suche" setzt du da einfach deine Such-Box ein, die du dann aber auch noch anpassen musst. Also hier mal der erste Schritt:

Code: PHP  [Auswählen]

Suche in der index.html vom Template:
 

Code: PHP  [Auswählen]

<div id="breadcrumb">{$navtrail}</div>
 

und ersetze mit:

Code: PHP  [Auswählen]

<div id="breadcrumb">{$navtrail}<div style="float:right">{$box_SEARCH}</div></div>
 

Dann editierst du die box_search.html und ersetzt den Inhalt:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
{$FORM_ACTION}
<table border="0" class="search_header" cellspacing="0" cellpadding="0">
     <tr>
          <td colspan="2"><strong>{#heading_search#}:</strong></td>
    </tr>
     <tr>
          <td>{$INPUT_SEARCH}</td>
          <td>{$BUTTON_SUBMIT}</td>
     </tr>
     <tr>
          <td colspan="2"><a href="{$LINK_ADVANCED}">{#text_advanced_search#}</a></td>
    </tr>
</table>
{$FORM_END}
 

mit folgendem:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
{$FORM_ACTION}
<table border="0" class="search_header" cellspacing="0" cellpadding="0">
<!--
     <tr>
          <td colspan="2"><strong>{#heading_search#}:</strong></td>
    </tr>
//-->
     <tr>
          <td><strong>{#heading_search#}:</strong></td>
         <td>{$INPUT_SEARCH}</td>
          <td>{$BUTTON_SUBMIT}</td>
     </tr>
<!--
     <tr>
          <td colspan="2"><a href="{$LINK_ADVANCED}">{#text_advanced_search#}</a></td>
    </tr>
//-->
</table>
{$FORM_END}
 

Jetzt müssten eigentlich nur noch die Styles in der stylesheet.css fehlen, wenn ich mich nicht irre?

Mach das erstmal und poste dann hier einen Link zu deiner Baustelle.

Grüße

Torsten

[gero01]

Hallo Tomcraft,
hatte ich auch schon, liegt also an was anderem.
Schau doch mal rein.
Gerd

[Tomcraft]

Warum sehe ich da nicht das DIV um die Suchbox?!

Schau bitte nochmal in meinem ersten Beitrag hier im Thema.

Grüße

Torsten

[gero01]

kriege bald ne Macke,
letzter Versuch heute abend:

habe dafür DEINE box_search.html dringelassen. (Nimmt sich aber nichts)
aus der Index:

Code: PHP  [Auswählen]

 <div id="breadcrumb">{$box_SEARCH}<div style="float:right">{$navtrail}</div></div>

Lustig ist, wenn man  die Suche nach rechts nimmt, ist alles ok.
Möglicherweise doch die *.css ?

Code: CSS  [Auswählen]

#breadcrumb {
        clear:both;
        color:#666;
        padding:0px 0px 10px 15px;
        list-style-type:none;
        outline: none;
        height:12px;
        background: #fff url(img/bg_breadcrumb.gif) repeat-x;
        font-size:12px;
        background-color: #CCC;
        margin: 0px 0px 0px 0px;
        font-family: Tahoma, Geneva, sans-serif;
}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {
        line-height:18px;
        text-decoration:none;
        outline: none;
        font-weight:normal;
        color:#333333;
        font-family: Verdana, Geneva, sans-serif;
        color:#666;
}

Link
Gerd

[Tomcraft]

Na um die stylesheet.css hatte ich mich ja bisher noch gar nicht gekümmert.

Ach menno... das hatte ich doch aber gesagt:

[...]
Jetzt müssten eigentlich nur noch die Styles in der stylesheet.css fehlen, wenn ich mich nicht irre?

Mach das erstmal und poste dann hier einen Link zu deiner Baustelle.
[...]

Dann hätte ich per Firebug die Styles setzen können, die du später in die stylesheet.css überträgst und alles wäre schicke geworden.

nun muss ich aber erstmal ins Bett.

Grüße

Torsten