need help aligning image next to textbox in IE6

[jrthor2]

I need some help trying to get the calendar icon to line up next to the top textbox on my form on my site. It lines up fine in IE7 and Firefox. You'll need to login to my admin site, click on the "Schedules Maintenance" link, then click the "Add Schedule" link to see the form. You can login using:

username: test
password: access

http://74.220.207.192/~zluthorg/admin/login.php

Thanks!!

[jrthor2]

Can anyone please help me with this?

Thanks

[jrthor2]

could someone please help me get this lined up for IE6? I've been trying but no luck.

[jrthor2]

anyone have any ideas??

Thanks

[jrthor2]

Can anyone help here???

[jrthor2]

Ok, I've taken the authentication off that page so that maybe someone could help me Please. Here is the link:

http://74.220.207.192/~zluthorg/admin/schedules/insert_schedule.php

Here is the relevant css for the form

.contactform {width:635px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:205px; margin:0 0 0 0px; padding:2px; font-size:110%; text-align:right;}
.contactform select.combo {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%; white-space:nowrap;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.date {width:100px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea.html {width:600px; height: 300px; margin: 0px 15px 0px 15px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:auto; margin-right:141px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
/*.main .contactform img {float:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px; position: absolute; border-style:none;}*/
/*.main .contactform a {float:none; padding: 0;  margin: 0;}*/
.main .contactform a img {float:none; padding: 0; margin-left: 5px; position: absolute; border-style:none;}
.main .contactform a img:hover { border-style: none;}
.contactform-clear {clear:both; width:610px; height:0.1em; border:none; background:rgb(210,210,210);}
.contactform img.switch {margin-left: 213px;}

Thanks

[Centauri]

Ok, I've taken the authentication off that page

That makes it much easier..

Floating both .contactform input.date and .contactform a left, combined with a 100% width on .contactform p seems to do the trick.

[jrthor2]

Thank You!!! That worked. Could I get some help with another issue :-)? On the below page, I have a dropdown where a user can select an image, and I have the image show below the select box when they select an image. When the page initially displayes, I get the red X in IE because they haven't selected an image yet. How can I not show the image on initial load?

http://74.220.207.192/~zluthorg/admin/about_us/insert_staff.php

Thanks!!

[Centauri]

I would set the src to be an actual image (even if it is a blank 1px gif image) in the initial page code. That way IE will not display the red X.