Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

wie kann ich ein <select> kleiner machen

Empfohlene Antworten

Veröffentlicht

ich habe ein <select> tag mit 50 <option> tags.

die options haben unterschiedlich und z.T. recht langen text.

wie kann ich das <select> dazu bringen, trotzdem nicht die breite des längsten texts anzunehmen, sondern z.B. nur 20px breit zu sein??

CSS? Tabellen? Divs?

Danke

Hi!

Das geht IMHO nicht.

Gruß, Tobias

CSS:

width:30px

zum Bleistift

CSS:
width:30px

zum Bleistift

Wenn aber eine Option vom Text her gesehen breiter als 30 px wird, wird die selectbox die breite des größten Options-Felder einnehmen

richtig:

style="width:30px;"

bring nix.

es muss doch ne möglichkeit geben..

vielleicht kann ich das <select> in eine tabellenzelle packen....?

Wieso hat es bei mir dann funktioniert? IE 6

<html><body>

<form name="test">

	<select name="test" style="width:30px" size="1">

		<option value="0">Dies sollte ein ewig langer Auswahltext sein</option>

		<option value="1">Dies sollte ein ewig langer Auswahltext sein</option>

		<option value="2">Dies sollte ein ewig langer Auswahltext sein</option>

		<option value="3">Dies sollte ein ewig langer Auswahltext sein</option>

		<option value="4">Dies sollte ein ewig langer Auswahltext sein</option>

		<option value="5">Dies sollte ein ewig langer Auswahltext sein</option>

		<option value="6">Dies sollte ein ewig langer Auswahltext sein</option>

		<option value="7">Dies sollte ein ewig langer Auswahltext sein</option>

		<option value="8">Dies sollte ein ewig langer Auswahltext sein</option>

	</select>

</form>

</body></html>

Wieso hat es bei mir dann funktioniert? IE 6

Also in meinem IE 6 schneidet der dann den Text so ab, so dass man auch wenn man das aufklappt nicht den ganzen Text lesen kann :(

Opera hat genau das selbe Problem, nur mit Firefox klappt es.

oh sorry kleiner_hobbes,

ich dachte zu wissen, das ich das schon versucht habe und das bei mir nicht geklappt hat.

Also ich hab den code oben mit IE6 und FireForx 0.9.3 getestet und geht!

stimmt, bei mir klappt's auch. war wohl ein tippfehler o.ä.

Es bleibt aber noch ein problem:

Das DropDown-Fenster, dass beim Click auf den Pfeil, soll die voll Breite haben, nicht nur die Breite, die ich unter width:XXpx eingestellt habe.

Ich meine, ich habe sowas auf Webseiten schon gesehen: Ein schmales DropDown-Feld, aber ein breites Fenster, dass aufklappt, wenn man den ausgewählten Eintrag ändert.

stimmt, bei mir klappt's auch. war wohl ein tippfehler o.ä.

Es bleibt aber noch ein problem:

Das DropDown-Fenster, dass beim Click auf den Pfeil, soll die voll Breite haben, nicht nur die Breite, die ich unter width:XXpx eingestellt habe.

Ich meine, ich habe sowas auf Webseiten schon gesehen: Ein schmales DropDown-Feld, aber ein breites Fenster, dass aufklappt, wenn man den ausgewählten Eintrag ändert.

sowas musst du dir selbst stricken.

dazu brauchst du ein layer in dem du die inhalte reinfüllts usw.

musst du dann alles manuell ein u. ausblenen usw

uuurghh. :confused:

Vielleicht nehme ich dann doch lieber die Variante, in der Dropdown-Feld und Dropdown-Liste gleich breit sind...

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.