General discussion

Locked

Cannot Click Textbox within Layer

By pete8 ·
Has anyone had this problem?

I revamped a huge form into 4 steps.
Each step in a hidden layer with a form within it. Three layers are hideen while editting the current form.

In IE on Windows XP you have to align your cursor at the top on the text box to click in it. Most users assume the textboxes are not clickable at first.

Thanks.
pc

This conversation is currently closed to new comments.

3 total posts (Page 1 of 1)  
| Thread display: Collapse - | Expand +

All Comments

Collapse -

Sample code to demonstrate problem unclickable textbox

by pete8 In reply to Cannot Click Textbox with ...

Below is some html which demonstrates the problem I'm having. (try it)

The textbox becomes unclickable when I place the .offset (relative positioned) layer within the .abs (absolute positioned) layer. This is a work around because the .offset layer doesn't position relative to the tag unless it's wrapped in the .abs (absolute positioned) style.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.abs {
position: absolute;
}
.offset {
overflow: auto;
width: 500px;
left: 50px;
top: 50px;
position: relative;
}
-->
</style>
</head>

<body>
<form name="form1" method="post" action="">
<div class="abs">
<div id="Layer1" class="offset">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td> Name</td>
<td> </td>
<td>  <input name="name" type="text"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="Submit" value="Submit"></td>
</tr>
</table>
</div>
</div>
</form>
</body>
</html>

Collapse -

I would love to hear you found a solution

by jbushee In reply to Cannot Click Textbox with ...

because I'm experiencing this very problem. Only the very edge of the textbox turns the cursor to a beam to allow text entry.

Please shoot me an email with subject if you have a solution.

Thsnx
Joe

Collapse -

Found a solution

by jbushee In reply to I would love to hear you ...

The upper layer had overlapped my textboxes, but by changing the height value, I was able to make the textboxes fully selectable.

Back to Web Development Forum
3 total posts (Page 1 of 1)  

Related Discussions

Related Forums