Drop down menu

marko · May 21, 2008

Hello!

I need some help about my code. I have:

<html>
<body>

<table width="100" border=1>
<tr><td>
<select style="width=50px" size="1">
<option value="0" selected> ddddd </option>
<option value="1"> ssssss </option>
<option value="2"> eeee </option>
<option value="3"> rrrrrr </option>
<option value="4"> zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz </option>
<option value="5"> hhhhhhhhh </option>
</select>
</td></tr>
</table>

</body>
</html>

Problem is that I can't see all text in the drop down menu (for example:
option value 4). It is necessary to put some scroll bar
in the drop down menu or to expand a drop down window so I can see all the
text inside without scroll bar.
Any ideas how to do that?

Thanks, Marko

Adrienne Boswell · May 21, 2008

Hello!

I need some help about my code. I have:

No URL? A URL is preferred over text because there could be other
markup in the document that effects the display, not mentioned here.

<html>

No DocType?

<body>

<table width="100" border=1>

Is this really tabular data? I don't think so.

<tr><td>
<select style="width=50px" size="1">

And if the content is larger than 50px?

<option value="0" selected> ddddd </option>
<option value="1"> ssssss </option>
<option value="2"> eeee </option>
<option value="3"> rrrrrr </option>
<option value="4"> zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
</option> <option value="5"> hhhhhhhhh </option>
</select>
</td></tr>
</table>

</body>
</html>

Problem is that I can't see all text in the drop down menu (for
example: option value 4). It is necessary to put some scroll bar
in the drop down menu or to expand a drop down window so I can see all
the text inside without scroll bar.
Any ideas how to do that?

Do not put width constraints, and you will not have this problem. The
select element will expand as needed.

+mrcakey · May 21, 2008

marko said:
Hello!

I need some help about my code. I have:

<html>
<body>

<table width="100" border=1>
<tr><td>
<select style="width=50px" size="1">
<option value="0" selected> ddddd </option>
<option value="1"> ssssss </option>
<option value="2"> eeee </option>
<option value="3"> rrrrrr </option>
<option value="4"> zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz </option>
<option value="5"> hhhhhhhhh </option>
</select>
</td></tr>
</table>

</body>
</html>

Problem is that I can't see all text in the drop down menu (for example:
option value 4). It is necessary to put some scroll bar
in the drop down menu or to expand a drop down window so I can see all the
text inside without scroll bar.
Any ideas how to do that?

Thanks, Marko

Without seeing all the information because you haven't given us a URL - and
before 20 people tell you what a bad idea drop down menus are - I suspect
that your (invalid) CSS styling may be to blame. If your browser is
forgiving enough to render "width=50px" as intended then would that not
explain why your longer text is not being seen?

+mrcakey

marko · May 21, 2008

Do not put width constraints, and you will not have this problem. The

select element will expand as needed.

I have to put width constraint. Is there any other way to show scroll bar?

Jonathan N. Little · May 21, 2008

marko said:
I have to put width constraint. Is there any other way to show scroll bar?

You *have* to? Someone got a gun to your head? If you constrain the to
50px and the content is larger, well it's the old "10lb of sh*t in a 5lb
bag" problem. Either remove the "width: 50px" or shorten your options.

Jukka K. Korpela · May 21, 2008

Scripsit marko:

I need some help about my code.

Delete it. That's the only useful advice for now.

<table width="100" border=1>
<tr><td>
<select style="width=50px" size="1">
<option value="0" selected> ddddd </option>

Trying to "fix" that would be waste of time.

Start from reading a good primer on HTML, or on web authoring in
general.

Then think what you wish to accomplish, and use simple and natural
markup for it. If you want a link, use <a href>. OK? If you have several
such links, you can use <ul> as the outer markup, mm'kay?

Don't hesitate to come back, with a real URL and with non-forged sender
information, if problems remain after you've done that and consumed your
daily ratio of FAQs.

marko · May 22, 2008

Thanks everybody.

Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Not sure why drop-down is not working.	2	Mar 24, 2024
action_page.php form	2	Oct 25, 2020
Z-Index/Drop-down menu issues	2	Jun 4, 2023
Dependent Drop Downs	1	Nov 4, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
Multi select options in a menu	1	Oct 30, 2022
Survey details won't go through using php, ajax, Mysql	0	Oct 26, 2023

Drop down menu

marko

Adrienne Boswell

+mrcakey

marko

Jonathan N. Little

Jukka K. Korpela

marko

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads