yikes.  I've been trying to redo a form without tables, and I'm really
struggling.  Again, this is only for IE6.

Code to follow, also online at <a
href="http://www.yomammashouse.com/css_effort_take23.htm";>http://www.yomammashouse.com/css_effort_take23.htm</a>


I have a container div (eventually will be two, equally sized, one
floated left, one right)...anyways, i'll let the code explain.  It
looks really homemade, but i tried margins and padding uniform, but
this is the closest I could get it.  It looks good on screen, but when
I print, or print preview it, the scale of the boxes are all screwy.

Any ideas?

Thanks in advance,
-D


<!--------------------//
<html>
<head>
        <title>css effort take 23</title>

<style type='text/css' media='all'>

        body { font-family:arial,sans-serif,serif;
                font-size:10pt;
                margin:50px;
                padding:0px;
                }

        input { border:solid 1px #ccc;
                font-size:12pt;
                vertical-align:middle;
                }
</style>

</head>

<body>

<div id='containerBox' style='margin:0px; padding:5px; border:solid
5px red; position:relative; float:left; '>
        
        <div id='vert_title' style='padding:0px; border:solid 5px blue;
float:left; width:1%; height:100px; writing-mode:tb-rl;
line-height:200%; text-align:center; '>
                TL/ Level 4:
        </div>

        <div id='form_items' style='padding:0px 5px 3px 0px; border:solid 5px
blue; border-left:0px; float:left; '>

                <ul style='list-style-type:none; width:1%; text-align:right;
margin:0px; padding:0px; '>
                        <li style='width:20em; margin-bottom:3px; 
margin-top:3px; '>
                                <label for='valid_name'>Name</label>
                                <input type='text' id='valid_name' 
style='margin:0px; ' /></li>
                        <li style='width:20em; margin-bottom:3px; '>
                                <label for='valid_routing'>Routing</label>
                                <input type='text' id='valid_routing' /></li>
                        <li style='width:20em; '>
                                <label for='valid_ext'>Extention</label>
                                <input type='text' id='valid_ext' /></li>
                </ul>

        </div>  
</div>


                
</body>
</html>

//----------------------------->
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to