473,320 Members | 1,955 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Issues with text input and css

I have coded a web form and styled it with css. It can be seen here:

http://www.exmhosting.com/

The form is the small login one situated top right of the webpage. I have styled the text input with this code:

Expand|Select|Wrap|Line Numbers
  1. .shortLogin {
  2.   font-family:sans-serif;
  3.   font-size:10pt;
  4.   text-align:left;
  5.   border:none;
  6.   color:black;
  7.   vertical-align:middle;
  8.   height:19px;
  9.   background:url(/images/btn_1.jpg) no-repeat left;
  10. }
The problem is in IE7, if the text input by the user is a long string then the background image scrolls to the left, this does not happen in FF3.

Anyone have any ideas how I can stop this strange behaviour in IE7?
Oct 2 '08 #1
2 1381
David Laakso
397 Expert 256MB
There are 77 markup validation errors. The document is HTML Proprietary not XHTML 1.0 Transitional.

Change the doctype to:
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd"> 
This will not "fix" anything. It will simply provide a more lenient means to "mask" garbage. Validate to that doctype and the validation errors will be significantly reduced. Correct the remaining errors.

Whether IE/7 will be able to recover from error after this is done remains to be seen.
Oct 2 '08 #2
I thank you for your advice but fail to see what this has to do with my original post. If changing the doc type fixed my problem then I could understand but it does not.

I have not been hired to fix any validation errors but to put a form into the page and style it with css.

One suggestion I have had was to add 'fixed' to the background property. When I do this the image disappears completely. I have set the width and height in the css to reflect the size of the image at 19x93.

Any other suggestions are more than welcome but please keep them relevant to the actual post.
Oct 3 '08 #3

Sign in to post your reply or Sign up for a free account.

Similar topics

1
by: JT | last post by:
I have an input form for which I've created a "matrix" for user input. Basically, the user chooses a radio button and then through javascript, a select box is displayed to define a value for that...
4
by: Scott Navarre | last post by:
Hi, I have Red Hat 8.0 and have the default Mozilla browser that comes with it. I am programming in javascript and have come across something problematic. Given the following code: <HTML>...
2
by: Richard Barnet | last post by:
I have two other (hopefully) small questions a site - namely: 1) I can't select (highlight) body text without getting the navbar and images, etc. and 2) I can't click into my form fields...
3
by: Newsscanner | last post by:
Hello, Everything is beginning to work, but there are still a few issues left. Please forgive my ignorance and hence stupid questions (Newbie). I can now enter data with no problem, I get no...
7
by: David Laub | last post by:
I have stumbled across various Netscape issues, none of which appear to be solvable by tweaking the clientTarget or targetSchema properties. At this point, I'm not even interested in "solving"...
10
by: Robert | last post by:
I have an app that was originally 1.1, now migrated to 2.0 and have run into some sporadic viewstate errors...usually saying the viewstate is invalid, eventvalidation failed or mac error. My web...
8
by: GaryDean | last post by:
In an 2.0 asp app I used vs.net 2005 to create a TableAdapter:Dataset in my App_code directory. I also created a new vb class in that same directory. I have two issues: 1. I notice that there...
1
gregerly
by: gregerly | last post by:
The script I'm trying to write has no real world use, I'm just practicing on working with nodes etc.... The html markup is simple, just a div and a button, when you click the button, a text node is...
2
by: kinarism | last post by:
Sorry for posting on multiple groups with this, I am new to the groups and didnt know the possibility of "cross-posting" was possible. Anyway, my post in the "upgrade" group hasnt gotten any...
5
by: jej1216 | last post by:
I am writing a PHP page to open a row of data from a MySQL database so the user can edit the data. This page mimics the inital data entry page. Everything is working so far, with the following two...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.