Hey all,

A small problem I know, but my drop-down boxes seem to stick out a bit, not really suiting the design at all.

Can anybody tell me what CSS I need to give 'em to make them look vaguely like the others? I.e. thin purple lines and not a big blue drop-down button etc.

Also would be nice to make them the same size as the others - after all I can always change the font size for them.

Thanks - page is here.

try this in your ...
http://www.1freehost.net/styles.css

.gen {
color:#666666;
border: 1px solid #4E4868;
font-size:14px;
background-color: #EBEBEB;
font-size:10px;
width: 200px;
}

Nope - didn't change the annoying blue box lines in IE or the grey thick lines on FF.

Thanks anyway, eburza

use FF v1.5 or opera ....
then u will see it working but dont working in IF ??? don't know why ...?

I use FF 1.5 and i see black lines (1px) ..

hope it helps

You might try to increase length of the text boxes. I think the reason your drop down boxes are longer is because some of the words in the drop down box are long. You might be able to align the boxes by specifying them all to the length of the longest word. Im not sure about the other problem though.

I agree on increasing the size of the text boxes. You can either add a size="some number" to all of the text boxes or add width:# of px to the class. If you do specify the width in the css make sure it's large enough to allow all the 'options' in your 'select boxes' to display completely. If you make it too small they'll simply disappear behind the scroll bar.

As for the borders I know that select boxes sometimes behave differently than text boxes. You might try adding select.gen to your style sheet so instead of .gen { } it would become .gen, select.gen { } I'm not entirely sure if that works, but it's easy enough to test.