I need some help from a style sheet guru!
I've got some code that looks a bit like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.mySelectBox {
width: 340px;
font-family: "lucida console",monospace;
background-color: #EEEEEE;
font-size : 13px;
}
-->
</style>
</head>
<body>
<form method="post">
<select size="10" class="mySelectBox">
<option> 01 . Group 1</option>
<option> 02 . Group 2</option>
<option> 03 . Group 3</option>
</select><br>
</form>
</body>
</html>
It draws a simple multiline select box.
There are two things I'm having trouble with.
I'd like to change the line height, to have slightly bigger gaps between each line of
text.
I'd expect this line within the mySelectBox style, would do it, but it does nothing
line-height : 30px;
I also tried as values instead of the 30px:
2
200%
20pt
with no results.
I'd also like to change the border around the select box, so I can either hide it or
make it less noticeable.
I've tried all these, within the mySelectBox style, to see if I could make it change,
but again, they seemed to do nothing at all.
border : 10px thin #FF0000;
border-top-width : 10;
border-top : 10px thin #0000FF;
border-bottom : 10px thin #0000FF;
border-left : 10px thin #0000FF;
border-right : 10px thin #0000FF;
I'm beginning to believe that Select boxes are just uncontrollable with style sheets.
Am I right, or am I missing something?
Regards
Darren Tracey
---
You are currently subscribed to cfaussie as: [EMAIL PROTECTED]
To unsubscribe send a blank email to [EMAIL PROTECTED]
MXDU2004 + Macromedia DevCon AsiaPac + Sydney, Australia
http://www.mxdu.com/ + 24-25 February, 2004
