Etliche gemischte Elemente nebeneinander floaten

[Enrico]

Hallo,

Mist, aufgrund der Komplexität meiner ursprünglichen Drop-Down-Menüs (formatierte Listen) bzw. einem nicht lösbaren Problem muß ich meine
Filterfelder über normale select-Felder abbilden:

| +-------------+-+ | +-------------+-+ | +-------------+-+ |               +----------------------------+ |
Filter setzen: | |select-Feld 1|v| | |select-Feld 2|v| | |select-Feld 3|v| | Titel suchen: |                            | | [Filter löschen]
               | +-------------+-+ | +-------------+-+ | +-------------+-+ |               +----------------------------+ |

Ich habe bei meinem ursprünglichen Drop-Down-Menü mit Grafiken als Oberpunkte gearbeitet, so dass es hier einfach war, alles absolut zu
positionieren.

Hier nun muß ich die einzelnen Elemente floatend und relativ nebeneinander anordnen, da ich nun ja nicht mehr absolut sagen kann, im wahrsten
Sinne des Wortes, wie breit die Elemente sein werden.

An Elementen habe ich folgende:

-Normale Textschriftzüge "Filter setzen", "Titel suchen"
-Insgesamt 6 select-Felder
-8 grafische Teiler (die senkrechten Striche in obiger Skizze)
-1 input-Feld
-1 grafische Schaltfläche

So, nun zu meinem Problem:

Wie muß ich vorgehen, damit ich alle Elemente rechts nebeneinander floatend am Bildschirm angezeigt bekomme?
Welche Punkte muß ich berücksichtigen?
Welche Definitionen muß ich angeben?

Vielen lieben Dank im Voraus für eure Mithilfe.

Gruß
Enrico

[Axel Richter]

Hallo,

| +-------------+-+ | +-------------+-+ | +-------------+-+ |               +----------------------------+ |
Filter setzen: | |select-Feld 1|v| | |select-Feld 2|v| | |select-Feld 3|v| | Titel suchen: |                            | | [Filter löschen]
               | +-------------+-+ | +-------------+-+ | +-------------+-+ |               +----------------------------+ |

So, nun zu meinem Problem:

Wie muß ich vorgehen, damit ich alle Elemente rechts nebeneinander floatend am Bildschirm angezeigt bekomme?

Warum floatend? Das sind alles Inline-Elemente. Stelle sie so nacheinander in ein Block-Element und gib diesem Element

margin:0; padding:0; white-space:nowrap;

viele Grüße

Axel

[Enrico]

Hallo Axel,

super, genial einfacher Ansatz :-))

Dank' Dir vielmals :-)

Viele Grüße zurück
Enrico