www.webdeveloper.com
Results 1 to 9 of 9

Thread: need help aligning image next to textbox in IE6

  1. #1
    Join Date
    Jan 2003
    Location
    PA
    Posts
    1,898

    need help aligning image next to textbox in IE6

    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!!

  2. #2
    Join Date
    Jan 2003
    Location
    PA
    Posts
    1,898
    Can anyone please help me with this?

    Thanks

  3. #3
    Join Date
    Jan 2003
    Location
    PA
    Posts
    1,898
    could someone please help me get this lined up for IE6? I've been trying but no luck.

  4. #4
    Join Date
    Jan 2003
    Location
    PA
    Posts
    1,898
    anyone have any ideas??

    Thanks

  5. #5
    Join Date
    Jan 2003
    Location
    PA
    Posts
    1,898
    Can anyone help here???

  6. #6
    Join Date
    Jan 2003
    Location
    PA
    Posts
    1,898
    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
    Code:
    .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

  7. #7
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    Quote Originally Posted by jrthor2
    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.

  8. #8
    Join Date
    Jan 2003
    Location
    PA
    Posts
    1,898
    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!!

  9. #9
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles