Navigationsleiste und Suchfeldgestaltung

[derigl]

Hallo und vielen Dank für den tollen shop!
bin mittels trial and error am selbergestalten und finde (erstmal...) zwei dinge nicht.

Hier mal der aktuelle stand der dinge:
http://www.rauschenbergstudio.com/Shop/

In der Navigationsleiste (oben) sind als Trenner immer so punkte, iner steht jetzt links neben der Seite, weil ich den "home"-link gelöscht habe. Wie bekomme ich diese Punkte weg? Alle anderen Hintergrundgrafiken habe ich gefunden...

Der "Suche" Text ist mir zu dicht am Suchfenster, wie kann ich das ändern? Wie kann ich die Beschriftung des Suchfeldes und Ihre Formatierung (bold auf normal)ändern?
Wie kann man die Bezeichnungen der Links der Navigationsleiste ändern?

Vorläufig zum Schluss:
Wo wird das design der Boxen festgelegt?

1000 Dank!!!!

Igl Schönwitz



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

[Tomcraft]

Bezüglich der Punkte, da fehlt dir in der stylesheet.css für die Klasse #topmenu folgender Eintrag:

Code: CSS  [Auswählen]

#topmenu {
[...]
        list-style-type:none;
[...]
}
 

Den Text "Suche:" kannst du mehr abtrennen, indem du in der "box_search.html" ein paar   (ohne Leerzeichen zwischen dem "&" und dem "n") nach dem {#heading_search#}: setzt.

Das Design der Boxen wird in der stylesheet.css gesteuert. Der HTML-Code  einzelnen Boxen befindet sich im Ordner "/boxes/" im Template.

Grüße

Torsten

[derigl]

Hi Torsten,

stimmt leider nicht, der Eintrag steht schon drin - Topmenü Klasse sieht so aus:

Code: CSS  [Auswählen]

/* TOPMENU AS LIST */
#topmenuwrap #search {
            text-align:right;
            height:24px;
            color: #cccccc;
            font-size:13px;
            padding: 2px 28px 0px 0px;
            margin:0;
            float: right;
}
#topmenuwrap {
            background: #333 url(img/bg_topmenu.gif) repeat-x;
            height: 26px;
      position:relative;
      zoom:1;
        }
}
#topmenu {
        float:left;
        padding:0;
        margin:0;
        list-style-type:none;
        height:26px;
        font-size:13px;
        background: url(img/bg_topmenu.gif) repeat-x;
}
#topmenu li {
        height:26px;
        float:left;
        padding: 0px 25px;
        margin:0;
        background: url(img/bg_topmenu_breakline.gif) no-repeat;
        background-position:right;
}
 

Dein workaround mit der Suche funktioniert leider auch nicht - da zeigt er mir   an anstatt ein Leerzeichen zu setzen.

Wo wird denn die {#heading_search#} definiert? Hatte das gestern schonmal gefunden, aber heute wieder nicht. Da hatte ich Leerzeichen rein gesetzt, das hat auch fast funktioniert

leider hatte ich dann den Abstand zwischen "search" und dem Doppelpunkt, ich hätte Ihn aber gerne hinter dem Doppelpunkt...

Nochmal 1000 Dank,

Igl

[Tomcraft]

Dann ergänze mal dein #topmenu li

Code: CSS  [Auswählen]

#topmenu li {
        height:26px;
        float:left;
        padding: 0px 25px;
        margin:0;
        background: url(img/bg_topmenu_breakline.gif) no-repeat;
        background-position:right;
}
 

um list-style-type:none;

Code: CSS  [Auswählen]

#topmenu li {
        height:26px;
        float:left;
        padding: 0px 25px;
        margin:0;
        background: url(img/bg_topmenu_breakline.gif) no-repeat;
        background-position:right;
        list-style-type:none;
}
 

Ich denke du hast da ein Fehler gemacht bei: ANLEITUNG: Suchfeld ins Top-Menü verschieben

Warum dir das   angezeigt wird und nicht interpretiert wird, entzieht sich meiner Kenntnis.

Grüße

Torsten

[derigl]

Die Punkte sind wech, danke Torsten!

Die suche ist im Moment nicht so schlimm, habe bestimmt noch andere Probleme demnächst!
Danke für euren prima Job!