Benötige Hilfe bei einem DIV in der categorie_listing

[EarthPlague]

Hallo,

vielleicht kann mir einer helfen da ich mich mit den DIV´s sehr schwer tue und ich einfach nicht weiter komme.
In der categorie_listing habe ich ein Dropdown, in dem man die Anzahl der Artikel pro Seite auswählen kann. Nur leider verutscht dieses mist Ding immer wieder und ich habe es schon mit unzähligen DIV´s versucht bekomme es aber nicht wirklich passend, wie auch in den Bildern zu sehen!

Vielleicht ist einer so nett und schaut einmal drüber?!

Shop URL: http://www.skateshop247.com

Besten Dank,
Benny

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



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

[billybob]

Hi PurpleThunder,
in Deiner seite finde ich kein div bei den Artikeln.
Stattdessen ein <form> an der falschen Stelle. Form-Elemente sind Block-Elemente. Deshalb muss Artikel pro Seite und das Select für die Anzahl beide zwischen <form> und </form> liegen.
Da du dort Drei Elemente hat, bietet sich eine Tabelle als umfassenden Container an. in jeder Tabellenspalte bindest Du jeweils das Form ein, dann klappt's auch mit dem Umbruch.
Die Verwendung von <nobr> wirkt nämlich nicht auf Block-Elemente.
Gruß
billybob

[Matt]

[...]
Da du dort Drei Elemente hat, bietet sich eine Tabelle als umfassenden Container an. in jeder Tabellenspalte bindest Du jeweils das Form ein, dann klappt's auch mit dem Umbruch.
[...]

Nein, eine Tabelle ist keine Lösung. Sieht so aus, als wolltet ihr beide euch dringend mit CSS beschäftigen.

[billybob]

Nein, eine Tabelle ist keine Lösung. Sieht so aus, als wolltet ihr beide euch dringend mit CSS beschäftigen.

Toll jetzt wissen wir, dass die Tabelle (in deinen Augen) keine Lösung ist. Das bring PT auch nicht weiter.
Wie wäre es denn, wenn Du mal die Lösung präsentieren würdest?
Ich habe jetzt leider keine Zeit, denn ich muß mich jetzt dringend mit CSS beschäftigen.  
Gruß
billybob

[Matt]

Dazu müsste man vor allem wissen, wie das ganze final aussehen soll. Einfach mal die drei Selects nebeneinanderstellen ist jetzt nicht so das Hexenwerk.

Code: XML  [Auswählen]

<style type="text/css">
        #filter {
                width: 33%;
                float: left;
        }
        #prll_links {
                width: 65%;
                float: right;
        }
                #prll_links p {
                        width: 50%;
                        float: left;
                }
</style>
<div id="filter-bar">
        <form id="filter" action="index.php" method="get">
                <p>
                        <input type="hidden" name="cat" value="1162">
                        <input type="hidden" name="sort" value="">
                        <input type="hidden" name="XTCsid" value="n09p90sotdt1r5uegp5r4j3882">
                        <select name="filter_id" onchange="this.form.submit()"><option value="" selected="selected">Alle Marken</option><option value="23">DVS</option><option value="26">Es</option><option value="27">Fallen</option><option value="44">Lakai</option></select>
                </p>
        </form>
        <form id="prll_links" action="index.php" method="get">
                <input type="hidden" name="cPath" value="1161_1162">
                <p>
                        Artikel pro Seite: <select name="prllset" onchange="this.form.submit()"><option value="12">12</option><option value="24">24</option><option value="36">36</option><option value="48">48</option></select>
                </p>
                <p>
                        <input type="hidden" name="XTCsid" value="n09p90sotdt1r5uegp5r4j3882">
                        <select name="optfilter1" onchange="this.form.submit()"><option value="" selected="selected">-- Größe --</option><option value="47">US 1</option><option value="716">US 1,5</option><option value="28">US 13</option><option value="48">US 2</option><option value="717">US 2,5</option><option value="49">US 3</option><option value="718">US 3,5</option><option value="10">US 4</option><option value="11">US 4,5</option><option value="12">US 5</option><option value="13">US 5,5</option><option value="14">US 6</option></select>
                </p>
        </form>
</div>
 

[EarthPlague]

Also das Dropdown für die Artikelanzahl pro Seite soll nach ganz rechts außen!

[Matt]

Dann

Code: CSS  [Auswählen]

        #prll_links p {
            width: 50%;
            float: right;
        }
 

Und anschließend noch etwas optisch vernünftig ausrichten das ganze.

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

[EarthPlague]

Danke Matt, aber irgendwie klappt das nicht....oO Weiss net warum?!

Besten Dank,
Benny

[Matt]

Schwer zu sagen. Kann man das irgendwo mal im eingebauten Zustand sehen?