• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Wie definiert man die Länge eines Dropdown Menüs?

Ebstar

Ebstar

Neues Mitglied
Guten Morgen liebe Community,
ich bin neu hier und hab folgendes Problem.
Ich hab ein Dropdown Menü, aber weiß nicht wie ich da die Länge definieren kann.
Kann mir jemand helfen?
Code: 
<td class="xl69" style="font-size: 12pt; color: windowtext; text-underline-style: none; font-family: Calibri; border-top-width: 0.5pt; border-style: solid solid solid none; border-top-color: black; border-right-width: 0.5pt; border-right-color: black; border-bottom-width: 0.5pt; border-bottom-color: black;"><form><select name="menu" onchange="javascript:parent.location = this.form.menu.options[this.form.menu.selectedIndex].value;">
<option selected="selected" value="http://XXXX.kundenweb.net/hersteller/brother/tn-6600/brother-dcp-1400/ ">Brother Fax 2825 ML</option>
<option value="http://XXXX.kundenweb.net/hersteller/brother/tn-6600/brother-dcp-1400/ ">Brother Fax 2840</option>
<option value="http://XXXX.kundenweb.net/hersteller/brother/tn-6600/brother-dcp-1400/ ">Brother Fax 2845</option>
<option value="http://XXXX.kundenweb.net/hersteller/brother/tn-6600/brother-dcp-1400/ ">Brother Fax 2920</option>
<option value="http://XXXX.kundenweb.net/hersteller/brother/tn-6600/brother-dcp-1400/ ">Brother Fax 2920 ML</option>
<option value="http://XXXX.kundenweb.net/hersteller/brother/tn-6600/brother-dcp-1400/ ">Brother Fax 2940</option>
<option value="http://XXXX.kundenweb.net/hersteller/brother/tn-6600/brother-dcp-1400/ ">Brother Fax 2950</option>
<option value="http://XXXX.kundenweb.net/hersteller/brother/tn-6600/brother-dcp-1400/ ">Brother Fax 4750</option>
<option value="http://XXXX.kundenweb.net/hersteller/brother/tn-6600/brother-dcp-1400/ ">Brother Fax 5750</option>
<option value="http://XXXX.kundenweb.net/hersteller/brother/tn-6600/brother-dcp-1400/ ">Brother Fax 8350 P</option>
<option value="http://XXXX.kundenweb.net/hersteller/brother/tn-6600/brother-dcp-1400/ ">Brother Fax 8360 P</option>
<option value="http://XXXX.kundenweb.net/hersteller/brother/tn-6600/brother-dcp-1400/ ">Brother Fax 8360 PLT</option>
<option value="http://XXXX.kundenweb.net/angebote/22555/umwelttoner-fuer-brother-tn-2000?c=187 ">Brother Fax 8750 P</option>
</select></form></td>
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Hallo,

was denn für ein Länge, meinst breite.
dann zb so
HTML: 
select {width:300px;}

Cheffchen

ps: es gibt den code tag beim schreiben, das macht es uns einfacher deub code zu lesen, für das nächste mal ;O)
 
Werbung:
Ich bin mir sicher einige Browser bieten mitlerweile besondere möglichkeiten an deine Wünsche umzusetzen, jedoch solltest du es nicht tun.
Der Browser übernimmt bereits die optimale Darstellung des Inhalts.

Ich empfehle dir, meinen nächsten Absatz zu ignorieren und stadt dessen zu erklären warum du das Design umbedingt ändern willst.

Aber da die meisten Leute natürlich aus irgendwelchen Gründen nie auf mich hören...
Wenn du aus irgendwelchen gründen nicht umher kommst, dass Design zu verändern solltest du das Verhalten des <select> tags mit CSS und eigenen Elementen (schätzungsweise <ul> oä.) nachbauen.
Eine Anleitung dazu, falls es nötig ist, gibt es nachdem ich weiß, warum es unbedingt ein eigennes design sein muss und warum du deine Zeit nicht mit wichtigeren dingen verbringen darfst.

lg

Edit: für die breite

HTML: 
<html>
<head>
<style>
.custom-select {
width:300px;
}
</style>
</head>
<body>
<select class="custom-select">...</select>
</body>
</html>
 
Werbung:
Hallo,

du kannst das auch in des select selber schreiben was abe nicht ganz richtig ist aber zur ausnahme auch mal gemacht werden kann

hast
Code: 
<select name="menu" onchange="
neu
Code: 
<select name="menu" style="width:300px;" onchange="

Cheffchen
 
Cheffchen ich danke dir vielmals!!!

@Slibbo Ich wollte nur eine einzige breite ändern, weil sie (aus welchen Gründen auch immer) länger ist als alle anderen.

VIELEN DANK FÜR EURE ANTWORTEN!!!!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben