Images in an option form

[Ini]

Can it be done, ive been trying for ages but can't get them to show..

[Moh]

So like the vB mood changer?

[Ini]

Don't no what that means

I mean like

<form>
<select>
<option><img src="img.jpg"></option>
</select>
</form>

[MrCraig]

<form>
<select>
<option><img src="img.jpg" /></option>
</select>
</form>

remember to close img tag. dont know if it can be done though.

if that dont work, try


<form>
<select>
<option><img src="img.jpg"></img></option>
</select>
</form>

[Caleb]

Use CSS for the option tag, put a background on it, define the height, and put some padding on it

[Ini]

No i mean i want to put images in the option form for you to select one so have an image instead of text

[Florx]

Thats what Caleb said.

[[Oli]]

Thats what Caleb said.

Yeah, it would be like:
In your css, create a new class, ex.

CSS

.option_1{
background-image: url(path/to/img.png);
background-repeat: no-repeat;
width: ??px;
height: ??px;
}

.option_2{
background-image: url(path/to/img_2.png);
background-repeat: no-repeat;
width: ??px;
height: ??px;
}

.option_3{
background-image: url(path/to/img_3.png);
background-repeat: no-repeat;
width: ??px;
height: ??px;
}

HTML

<form>
<select name="imgselect">
<option class="option_1"></option>
<option class="option_2"></option>
<option class="option_3"></option>
</select>
</form>

(i think :p)

[Ini]

Thats what Caleb said.

I thought he mean decorating it

Yeah, it would be like:
In your css, create a new class, ex.

CSS

.option_1{
background-image: url(path/to/img.png);
background-repeat: no-repeat;
width: ??px;
height: ??px;
}

.option_2{
background-image: url(path/to/img_2.png);
background-repeat: no-repeat;
width: ??px;
height: ??px;
}

.option_3{
background-image: url(path/to/img_3.png);
background-repeat: no-repeat;
width: ??px;
height: ??px;
}

HTML

<form>
<select name="imgselect">
<option class="option_1"></option>
<option class="option_2"></option>
<option class="option_3"></option>
</select>
</form>

(i think :p)

I have javascript in my <img> tags so that when the image is clicked it goes to the textarea..

Can i still do that?

[[Oli]]

I thought he mean decorating it



I have javascript in my <img> tags so that when the image is clicked it goes to the textarea..

Can i still do that?

<option class="option_3" onclick="dothis();">

just place it on ur option