Zum Inhalt springen

wie kann ich ein <select> kleiner machen


Empfohlene Beiträge

Geschrieben

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

Geschrieben

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>

Geschrieben
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.

Geschrieben

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!

Geschrieben

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.

Geschrieben
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

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...