bündiges layout im option tag

poppihasi · #1 (**permalink**) 18.09.2009, 12:51

Also ich möchte innerhalb eines option-tags eine bündige Ausgabe.

Beispiel:

Ballsport | Fußball
Kampfsport | Judo

Wie man sieht, ist das nicht bündig. Die "|" müssen also untereinander angeordnet sein, um Bündigkeit zu erreichen.

Weiß jemand wie man das am besten bewerkstelligt?

Hier der Quellcode:

PHP-Code:


			
<option value="">

          <?php print $sport; ?>|<?php print $verein; ?>

</option>

Wo setz ich bei der Formatierung an? Im Option-Tag selbst oder lös ich das mittels zusätzlicher span/div-Containern?

In4matiker · #2 (**permalink**) 18.09.2009, 13:15

Wiso verwendest Du nicht optgroup - denke deine andere Variante ist praktisch nicht lösbar da die Zeichen im Wort jeweils unterschiedlich breit sind.
Also irgendwie so

HTML-Code:

<select>
  <optgroup label="Ballsport">
    <option>Fussball</option>
    <option>Handball</option>
  </optgroup>
  <optgroup label="Kampfsport">
     <option>Judo</option>
     <option>Karate</option>
   </optgroup>
</select>

span und div in option verwenden ist Unsinn.

poppihasi · #3 (**permalink**) 18.09.2009, 13:53

Auf optgroup wollt ich verzichten, weils nicht so schmuck aussieht. Und die Darstellung wie ich sie wollte angenehmer aussieht. Also scheints nicht zu gehen .... muss ne andere Lösung her .. *grübel*

In4matiker · #4 (**permalink**) 18.09.2009, 16:30

wiso - die kannst normal mit CSS formatieren - geht zwar nicht alles aber vieles.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Redesign für Steiner Cycling Team	pkipper	Site- und Layoutcheck	11	09.02.2011 12:25
2x select boxen sollen option tauchen.(Javascript)	Don Roberto	Javascript & Ajax	4	28.12.2009 21:01
Untermenü im IE	nici	CSS	10	22.06.2009 21:19
Div im IE zu hoch	RancoR	CSS	10	09.07.2007 23:11
<p> tag in <div> zerstört layout in firefox :(	ichwaergern	CSS	2	29.11.2004 13:23