how to remove lines in select box for mozilla browsers

[justride]

Hi,

My select boxes have ugly horizontal lines within em unlike ie. how can I fix this?

Thanks,
Chris

 

[cLFlaVA]

um...

do you have a link?

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[Vragabond]

I never have any horizontal lines in select boxes. Can you show us your affected code? Do you apply rule to underline the stuff in the select box? Is it wrapped inside an anchor element? That is the only reason for me to think you would have superflous lines there.

 

[justride]

http://www.ctremblay.com/ASC/eqt_tracking_form.php

username:test
password:test

 

[cLFlaVA]

1) validate your HTML!
2) get rid of the <br> tags within your options.
3) get rid of your option styles in your css. they contain border specifications.

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[justride]

Thanks,
Chris

 

[justride]

well the css is for the border on the box right?

 

[cLFlaVA]

the CSS from your OPTION definition has border specifications. that is why you're seeing these amazing "lines". you can have a border specified to your SELECT tag - which will give normal borders around the box itself.

defining borders around the option element will do exactly what you're seeing.

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[justride]

sweet, any idea why the scroll bars show up in firefoox when they arent needed?

 

[cLFlaVA]

i believe that is the way firefox renders a select box. you may want to try adding this style to the select (not sure if it will help):

overflow: auto;

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[justride]

thats didnt work, but thanks so much for your help.

one last thing, the "subsystem" and the additional comments fields are set to 100% but they fall short of it in the browsers, any idea why?

Thanks Again!

 

[cLFlaVA]

most likely has to do with the padding of the surrounding parent element, or the margin of the element itself.

ensure that the paddings/margins are set appropriately.

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[justride]

ok, thanks

 

[cLFlaVA]

try, for textarea,

<textarea style="height: 100px; width: 100%;">

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[cLFlaVA]

(because 100% is not valid HTML in the cols and rows attribute of a textarea object)

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]