option einrücken

SteiniKeule · 17.05.2011, 17:17

Hallo

Ich würde gerne optionen von Select einrücken. Aber irgendwie geht das nicht.

Code:

<select class="gruppenauswahl" name="gruppe" size="1">
<option value="1">Wohnen</option>
<option class="haupt_option" value="1-1">Schlafen</option>
<option class="haupt_option" value="1-2">Kueche</option>
<option value="2">Leben</option>
<option class="haupt_option" value="1-3">Wohnzimmer</option>
<option class="haupt_option" value="1-4">Garten</option>
<option value="3">Essen</option>
<option class="haupt_option" value="1-8">Test</option>
<option value="4">Trinken</option>
</select>

Code:

.gruppenauswahl{
    width:200px;
}
.gruppenauswahl .haupt_option{
    padding-left:30px;
    margin-left:10px;
    color: red;

}

Egal ob ich text-align, margin, padding oder sonst was verwende, es bleibt immer links am Rand stehen.

eagle275 · 17.05.2011, 17:31

tja - das option darf nur normalen Text beinhalten - den html dann noch ein wenig "filtert" - du kannst da allenfalls ein paar   - Non-Breaking spaces davor setzen - aber wofür das Ganze ? die Liste klappt doch sowieso nach unten auf - warum sollen die Elemente dann nicht linksbündig anfangen?

Chriz · 17.05.2011, 17:43

Du kannst mit <optgroup> gruppieren, falls du das suchst.

SteiniKeule · 17.05.2011, 18:05

Zitat:

Zitat von eagle275

tja - das option darf nur normalen Text beinhalten - den html dann noch ein wenig "filtert" - du kannst da allenfalls ein paar   - Non-Breaking spaces davor setzen - aber wofür das Ganze ? die Liste klappt doch sowieso nach unten auf - warum sollen die Elemente dann nicht linksbündig anfangen?

Es geht hierbei um eine relativ lange Liste mit 3 Stufen. Immer Gruppe -> Haupt -> Sub. Dazu kommt noch, dass man z.B. 5 Gruppen mit 20 Hauptgruppen und 10 Subgruppen je Hauptgruppe haben kann. Um es etwas übersichtlicher zu gestalten versuche ich Gruppen/Hauptgruppen/Subgruppen einzurücken und farblich zu kennzeichnen. Farblich ist das ja nicht weiter schwer. Aber ohne Einrücken ist es halt nicht wirklich übersichtlich.

Zitat:

Zitat von Chriz

Du kannst mit <optgroup> gruppieren, falls du das suchst.

Nein, das ist mir bekannt. Aber eine optgroup kann man nicht auswählen. Von daher leider nicht brauchbar.

Chriz · 17.05.2011, 20:39

Zitat:

Zitat von SteiniKeule

Es geht hierbei um eine relativ lange Liste mit 3 Stufen. Immer Gruppe -> Haupt -> Sub. Dazu kommt noch, dass man z.B. 5 Gruppen mit 20 Hauptgruppen und 10 Subgruppen je Hauptgruppe haben kann. Um es etwas übersichtlicher zu gestalten ...

... wäre ein Autosuggest oder die Auftrennung in eine geschachtelte <select>-Gruppe möglicherweise besser?

nikosch · 17.05.2011, 20:42

Zitat:

Es geht hierbei um eine relativ lange Liste mit 3 Stufen. Immer Gruppe -> Haupt -> Sub. Dazu kommt noch, dass man z.B. 5 Gruppen mit 20 Hauptgruppen und 10 Subgruppen je Hauptgruppe haben kann. Um es etwas übersichtlicher zu gestalten versuche ich Gruppen/Hauptgruppen/Subgruppen einzurücken und farblich zu kennzeichnen. Farblich ist das ja nicht weiter schwer. Aber ohne Einrücken ist es halt nicht wirklich übersichtlich.

100+ Elemente pro Select? Wer soll das bitte bedienen!

SteiniKeule · 18.05.2011, 18:17

Zitat:

Zitat von nikosch

100+ Elemente pro Select? Wer soll das bitte bedienen!

Meine Aufgabe ist es nicht, erhaltene Aufträge in Frage zu stellen sondern diese umzusetzen

ChrisB · 18.05.2011, 18:26

Zitat:

Zitat von SteiniKeule

Meine Aufgabe ist es nicht, erhaltene Aufträge in Frage zu stellen sondern diese umzusetzen

Das wäre aber die Aufgabe eines Webseiten-Gestalters o.ä., der seinen Job richtig macht

Beratung hinsichtlich Gesichtspunkten wie Usability gehört auch dazu.

nikosch · 18.05.2011, 20:10

Korrekt.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Wert Zuweisung Option Value	Bravestar2010	PHP Einsteiger	12	03.02.2011 15:22
XMLHTTP -> option -> IE Problem	ewrson	JavaScript, Ajax und mehr	6	28.01.2011 04:06
Option einer Select-List hinzufügen	hpf	JavaScript, Ajax und mehr	5	20.04.2010 23:04
Affenformular + Textarea (sowie option value) geht nicht	rainyday	PHP Tipps 2008	28	30.09.2009 23:07
Textarea und Einrücken mit dem Tabulator?	BartTheDevil89	HTML, Usability und Barrierefreiheit	21	16.07.2009 11:14
Link auf selected option	Vergil	PHP Tipps 2009	6	06.03.2009 14:24
div box abhänig von option anzeigen	tinchen	HTML, Usability und Barrierefreiheit	8	22.05.2006 13:23
MySQL automatisch mit Option starten		Datenbanken	2	12.01.2006 17:30
Hilfe beim zufügen von option zu select	seven-12	PHP Tipps 2007	10	17.11.2005 17:05
[Erledigt] Hintergrund einrücken		HTML, Usability und Barrierefreiheit	0	24.10.2005 19:06
Ausgabe in Select option	m-elssner	PHP Tipps 2005-2	1	20.09.2005 19:47
Option bei select mit PHP als Selected	seven-12	PHP Tipps 2005-2	9	08.08.2005 17:19
text einrücken		HTML, Usability und Barrierefreiheit	6	12.06.2005 18:46
Text mit "> " einrücken		PHP Tipps 2005	10	12.05.2005 11:21
Bild in Option	Tschuu	HTML, Usability und Barrierefreiheit	3	23.02.2005 05:40


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

17.05.2011, 17:31
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	tja - das option darf nur normalen Text beinhalten - den html dann noch ein wenig "filtert" - du kannst da allenfalls ein paar   - Non-Breaking spaces davor setzen - aber wofür das Ganze ? die Liste klappt doch sowieso nach unten auf - warum sollen die Elemente dann nicht linksbündig anfangen? __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

17.05.2011, 17:43
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Du kannst mit <optgroup> gruppieren, falls du das suchst. __________________ "Nuschel ich?" - "Was?"

18.05.2011, 20:10
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Korrekt. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --