Scroll bar HTML

[darkshad0w]

Hi all,

 

My problem is i have created a table with a scroll bar and I am trying get it so it can select the items inside right now you can only take the cursor and highlight the names.

 

I want to be able to actually click on the name to have it selected kind of like when you upload a file you can click it....and select other files and it highlights it blue sort of thing...

 

<td><div style="overflow:auto; height:300px;width:90px;">

joey

        Bob

        evan

</div>

 

thanks

[cssfreakie]

isn't this what you want? if not provide some more code (rightclick view source copy paste or link to an online example)

 

<select name="gorilla" size="5" multiple="multiple">
    <option>bla</option>
    <option>bla</option>
    <option>bla</option>
    <option>bla</option>
    <option>bla</option>
</select>

[darkshad0w]

That was perfect thank you but can you explain this line

<select name="gorilla" size="5" multiple="multiple">

 

i understand the select name but what is "SIZE" and "MULTIPLE" doing?

[cssfreakie]

well

in:

<select name="gorilla" size="5" multiple="multiple">

name="gorilla" gives it a name of gorilla

size="5"  tells how many options are shown (so if you have 10 options, but size is 5 its shows only 5 and you need to scroll for the rest)

multiple="multiple" tells you can select multiple items, if you remove that part you can only select 1

 

 

There are some other attributes you can add, but i recommend to check the manual for that or use a lovely search engine like google.

If you have code that needs a review or having problems with code, we can help

 

run this and it should be clear

<select name="gorilla" size="5" multiple="multiple">
    <option>bla</option>
    <option>bla</option>
    <option>bla</option>
    <option>bla</option>
    <option>bla</option>
    <option>moo</option>
    <option>moo</option>
    <option>bla</option>
    <option>moo</option>
    <option>moo</option>
    <option>bla</option>
    <option>moo</option>
    <option>moo</option>
    <option>bla</option>
    <option>moo</option>
    <option>moo</option>
</select>