WCM Forum - HTML forms select Breite fix einstellen

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - HTML forms select Breite fix einstellen (http://www.wcm.at/forum/showthread.php?t=146562)

HTML forms select Breite fix einstellen

Hi,
Wieder einmal eine kleine HTML-Frage (obwohl es streng genommen keine Programmiersprache ist ;) ). Ich habe ein Formular mit einer SELECT Liste. Die Breite dieser Liste passt sich dem längsten Inhalt an. Kann ich die Breite aber auch fix eingeben, d.h. die Box wird nicht größer, auch wenn ich mehr längeren Text habe?

Im Google habe ich leider nichts gefunden.

mfg
juro

hi,

es funktioniert auf herkömmlichem weg im html code nicht...

wenn du aber css einsetzt, ist auch die breite kein problem.

als anregung -> Link
wenn es noch fragen gibt-frag ruhig.

Zitat:

Original geschrieben von schnurzli
[b]
wenn du aber css einsetzt, ist auch die breite kein problem.

Danke für die Antwort, leider funktioniert es nicht.

Das ist mein select:

Code:

<select name="Zeitzone" class="timezone" size="1" tabindex="18" >

                                <option value="MIT">GMT-11:00 MIT Niue, Pago Pago

                                <option value="HST">GMT-10:00 HST Honolulu, Tahiti

                                <option value="AST">GMT-09:00 AST Anchorage, Gambier

                                <option value="PST">GMT-08:00 PST Los Angeles, Tijuana, Vancouver

                                <option value="MST">GMT-07:00 MST Edmonton, Denver, Mazatlan

                                <option value="PNT">GMT-07:00 PNT Dawson Creek, Phoenix

                                <option value="CST">GMT-06:00 CST Mexico City, Chicago, Winnipeg, Guatemala

                                <option value="EST">GMT-05:00 EST New York, Montreal, Nassau

                                <option value="IET">GMT-05:00 IET Bogota,Cayman,Indianapolis,Jamaica,Lima,Panama

                                <option value="PRT">GMT-04:00 PRT La Paz, Santo Domingo, Santiago, Bermuda

                                <option value="CNT">GMT-03:30 CNT St. Johns

                                <option value="AGT">GMT-03:00 AGT Buenos Aires, Fortaleza, Montevideo, Paramaribo

                                <option value="BET">GMT-03:00 BET Sao Paulo

                                <option value="GMT">GMT+00:00 GMT London, Dublin, Lissabon, Dakar, Accra, Reykjavik

                                <option value="ECT" selected="yes">GMT+01:00 ECT Wien, Berlin, Rom, Madrid, Br&uuml;ssel, Prag, Warschau, Budapest

                                <option value="ART">GMT+02:00 ART Kairo, Jerusalem, Amman, Damaskus

                                <option value="CAT">GMT+02:00 CAT Johannesburg

                                <option value="EET">GMT+02:00 EET Athen, Helsinki, Kiev, Istanbul, Bukarest

                                <option value="EAT">GMT+03:00 EAT Bachrain, Riad, Kuwait, Qatar, Moskau

                                <option value="MET">GMT+03:30 MET Teheran

                                <option value="NET">GMT+04:00 NET Dubai, Mauritius, Baku, Kabul, Samara

                                <option value="PLT">GMT+05:00 PLT Malediven,Duschanbe,Aschkhabad,Taschkent,Karachi

                                <option value="IST">GMT+05:30 IST Kalcutta

                                <option value="BST">GMT+06:00 BST Colombo, Dacca, Alma-Ata, Novosibirsk

                                <option value="VST">GMT+07:00 VST Jakarta, Bankok, Phnom Penh

                                <option value="CTT">GMT+08:00 CTT Hong-Kong, Perth, Kuala-Lumpur, Shanghai, Singapur

                                <option value="JST">GMT+09:00 JST Tokyo, Seoul, Pyngyang

                                <option value="ACT">GMT+09:30 ACT Darwin, Adelaide

                                <option value="AET">GMT+10:00 AET Sydney, (Saipan, Brisbane, Vladivostok)

                                <option value="SST">GMT+11:00 SST Ponape, Efate, Noumea, Magadan

                                <option value="NST">GMT+12:00 NST Auckland, McMurdo, Fiji, Nauru, Kamchatka

                            </select>

und das mein css:

Code:

table.main select.timezone, table.main select, select {

    font-size:              20px;

    text-align:             right:

    width:                  10px;

}

Leider ist die select Box genauso gross, daß die längste Zeile reinpasst und nicht nur 10px breit.

Zitat:

code:
table.main select.timezone, table.main select, select {
font-size: 20px;
text-align: right:
width: 10px;
}

probier mal:
10 pixel sind relativ wenig da geht sich die breite deiner einträge gar nicht aus.
es sei denn, du willst die größe auf 10px reduzieren. das funktioniert aber nicht.

table.main select.timezone, table.main select, select {
font-size: 20px;
text-align: right:
width: 100px;
}

Zitat:

Original geschrieben von schnurzli
[b]probier mal:
10 pixel sind relativ wenig da geht sich die breite deiner einträge gar nicht aus.
es sei denn, du willst die größe auf 10px reduzieren. das funktioniert aber nicht.

Es ging ja nur um die Machbarkeit. Leider funktioniert es weder mit 10px noch mit 100px. Das Feld wird aber auch nicht größer (z.B. 1000px), es bleibt immer genau so breit wie es breit sein "muss".

probier mal
select {}
und
.timezone{}

extra als css zu schreiben...

Zitat:

Original geschrieben von schnurzli
probier mal
select {}
und
.timezone{}

extra als css zu schreiben...

Macht keinen Unterschied (warum auch ... :rolleyes: ). Die Klassenreferenz funktioniert aber, wenn ich z.B. die Schriftgröße ändere, wird sie auch geändert angezeigt.

Code:

text-align: right:

versuch mal statt dem (edit) 2. (/edit) Doppelpunkt einen Strichpunkt zu machen ;)

Zitat:

Original geschrieben von sagi

Code:

text-align: right:

versuch mal statt dem (edit) 2. (/edit) Doppelpunkt einen Strichpunkt zu machen ;)

*seufz*
Danke ... :rolleyes:

Funktioniert.

das es immer diese fehler sind :lol:

passiert mir auch oft- deshalb hab ichs wahrscheinlich bei dir auch übersehen.