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
Solved

Widen the input cell

Posted on 2012-04-03
3
363 Views
Last Modified: 2012-04-04
Hi
This is driving me mad. I want to widen the cell where the Username and Password are entered. Changing the Width just seems to move the box around the screen.
What should I do to just widen the input box?

<table class="signup" border ="0" cellpadding="2" cellspacing="5">
<form method='post' action='tm_login.php'>$error
<tr><td>Username</td><td><input type='text' maxlength='30' name='user' 	value='$user' /></td></tr>
<tr><td>Password</td><td><input type='password' maxlength='16' name='pass' 	value='$pass' /></td></tr>
<tr><td><td colspan="2" align="center">
<input type='submit' value='Login' /></td></tr>
</form></table>

Open in new window

0
Comment
Question by:jdhackett
3 Comments
 
LVL 13

Expert Comment

by:haloexpertsexchange
ID: 37802240
add a size to the input field declaration.
0
 
LVL 9

Accepted Solution

by:
wasiftoor earned 500 total points
ID: 37802273
I believe you are actually looking to increase the actual length of field (its appearance). This can be easily done using a global style sheet or using an inline reference. I am copying code here. I am using a sample size to demonstrate the change. Change these values accordingly.  LOOK for the "STYLE" specification.

Good Luck!

<input type='text' maxlength='30' name='user' 	value='$user' style="width:254px; height:44px;" />

Open in new window

0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 37802475
without a link to the page or more code I can only guess, but it is possible that the improper use of a table to do layout is the source of the problem, as the dimensions of a cell may be restricting the input sizing.

Cd&
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
add image on html mail 6 27
Tracking uptime for a bunch of sites 3 36
REST endpoint query with a parameter 1 16
How to create a table with buttons 3 21
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn how to dynamically set the form action using jQuery.

840 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