Solved

How to display html text box as blue square, and also, indented with yellow background?

Posted on 2007-04-11
8
640 Views
Last Modified: 2010-04-09
How do I display a text box so the box is indented in.  On the code below the first two text boxes are indented in(under last Name); however, the other text boxes show up as a blue square and are not indented in.  The code is on the same page, and the text boxes are displayed differently.  What causes one text box to come out as a blue square with no indentation, and the other two to come out as a square with indentation and a yellow background.

<form>      
<table>      
<tr>
<td>      
Last Name:
</td>
<td> <!-- The next two lines come out indented with a yellow background on the text box -->
<input type="text" name="firstname">
<input type="text" name="lastname">
</td>
</tr>
<tr>
<td>      
Company:
</td>
<td><!-- The next line comes out as a blue box with no indentation -->
<input type="text" name="company">
</td>
</tr>
<tr>
<td align="right">      
Unique Identifier:
</td>
<td> ><!-- The next line comes out as a blue box with no indentation -->
<input type="text" name="uniqueidentifier">
</td>
</tr>
<tr>
<td>&nbsp;</td>      
<td>&nbsp;</td>      
</tr>      
<tr>
<td>
</td>
<td>            
<input type="submit" value="Advance Search">
</td>
</tr>
</table>
</form>
0
Comment
Question by:swansonplace
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
  • 2
8 Comments
 
LVL 3

Expert Comment

by:dmagliola
ID: 18891785
Can you send us the complete HTML for the page, with the CSS file(s) involved?
With the code you sent, there is no reason for any of the boxes to be either yellow, blue, or different from one another.
0
 
LVL 8

Expert Comment

by:jawahar_prasad
ID: 18891912
it is the property of the browser(or any toolbars like google, yahoo etc., installed in your browser)

The common text boxes like email, firstname, lastname etc., will be highlighted in yellow background... you can try changing the name of the text boxes to avoid it...
0
 

Author Comment

by:swansonplace
ID: 18891949
Below is a copy of the full page: No css and no includes

<%Option Explicit%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>

<body bgcolor="white">

<form>      
<table>      
<tr>
<td>      
Last Name:
</td>
<td>      
<input type="text" name="firstname">      
<input type="text" name="lastname">
</td>
</tr>
<tr>
<td>      
Company:
</td>
<td>
<input type="text" name="company">
</td>
</tr>

<tr>
<td>&nbsp;</td>      
<td>&nbsp;</td>      
</tr>      
<tr>
<td>
</td>
<td>            
<input type="submit" value="Advance Search">
</td>
</tr>
</table>
</form>
</body>
</html>
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 3

Expert Comment

by:dmagliola
ID: 18892085
Then I like jawahar's explanation, because I don't see any reason for the boxes not to be white like in normal unstyled HTML.
0
 

Author Comment

by:swansonplace
ID: 18892098
I have made changes to the page, and somehow the labels first name, last name, and zip are causing the text box formats to change.  This example is different from above, but it's the exact same concept.

Notice how the label does not say "First Name" it says "irst Name".  Is there anything I can do about this?

<form>      
<table>      
<tr>
<td>      
irst name:
</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>      
ast name:
</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td align="right">      
ip:
</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>&nbsp;</td>      
<td>&nbsp;</td>      
</tr>      
<tr>
<td>
</td>
<td>            
<input type="submit" value="Search">
</td>
</tr>
</table>
</form>

<form action="searchadvance.asp">
<table align=center>
<tr>
<td>                  
<input type="submit" value="Advance Search">
</td>
</tr>
</table>
</form>      
0
 
LVL 3

Accepted Solution

by:
dmagliola earned 250 total points
ID: 18892107
Well, if it IS a toolbar component doing this, then this should only happen in your machine or in machine's of people with that toolbar.
Not much you can normally do, but I don't think you should worry about it.

If you need to test locally without this happening, try using a different browser (ie. Firefox, or Opera)
0
 
LVL 8

Assisted Solution

by:jawahar_prasad
jawahar_prasad earned 250 total points
ID: 18896720
It is not the problem with your code...
Just try going to google.com/adsense... You can notice the userid text box in yellow color( Sorry if it doesnt ;-)  )..  It normally occurs.. even if you apply CSS, it will be yellow color only...
0
 

Author Comment

by:swansonplace
ID: 18924420
Thank you for the help.  I am glad my code is okay.
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Need help with this homework problem. 5 58
Non-Resizable Pharagraph 2 18
how to customize the text in the legend in highcharts 3 31
Html using "Or" in condition 3 26
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

749 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question