473,386 Members | 1,867 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,386 software developers and data experts.

Strange problem with asp:Textbox and CSS filter:alpha

Hi

I am having a problem using asp:TextBox's in a transparent table.

I have a background image on the page and a table in the middle of the
page. I have set the background colour of the table to white the used
CSS to set the opacity to 90 so that you can see the background image
through the table.

The problem I am having is with the textboxes in the transparent
table. The textbox has a max length of 100 chars but will only display
30. If i fill the textbox with the 100 chars then try to scroll left
to the beginning of the field using the cursors the content of the box
does not change. i.e if i enter
"1234567890qwertyuiopasdfghjklzxcvbnm" and only "zxcvbnm" can be seen
in the text box and i press home or scroll left to the beginning of
the text box it will still only show "zxcvbnm". For some reason this
field does not seem to be refreshing. All the content is still in the
textbox as I can see it all after I submit it and view it in a read
only page!

It works fine in firefox but I am using IE6.

Any ideas? I have included a cut down version of the code below:

It is the seethrough class that is causing the problem. When you
remove the filter it works fine.

ASPX Page:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<link rel="stylesheet" type="text/css" href="css/BT.css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<table summary=""
class="tinytableopacity"
style="background:url(../images/phoneBG.jpg) no-
repeat;"
border="0"
cellpadding="0"
cellspacing="0"
width="1280"
height="1024">
<tbody>
<tr>
<td align="center" valign="top" style="height:
1199px">
<table width="995">
<tr>
<td height="125" colspan="2"
align="right" valign="bottom"><img src="../images/Logo.jpg" alt="test
plc"/></td>
</tr>
</table>
<table width="995" border="0"
class="seethrough">
<tr>
<td height="50" colspan="2"
valign="middle" align="left" class="branchTelephony">&nbsp;Branch
Telephony - Branch Update</td>
</tr>
<tr>
<td height="25" colspan="2">&nbsp;</
td>
</tr>
<tr>
<td width="310" valign="top"
class="header" align="right">Branch Code:</td>
<td width="685"
align="left">&nbsp;<asp:Label ID="lblBranchCode" CssClass="header"
runat="server" Text=""></asp:Label></td>
</tr>
<tr>
<td width="310" valign="top"
class="header" align="right"></td>
<td width="685"
align="left">&nbsp;<asp:TextBox ID="txtBranchID" runat="server"
CssClass="btUpdateTextBox" Enabled="false" Visible="false"></
asp:TextBox></td>
</tr>
<tr>
<td colspan="2">
<table width="990">
<tr>
<td width="330"
align="right" class="bold">Branch Name: </td>
<td width="330"
align="left"><asp:Label ID="lblBranchName" runat="server" Text=""></
asp:Label></td>
<td width="330"></td>
</tr>
<tr>
<td align="right"
class="bold">Opening Hours (Mon - Fri): </td>
<td
align="left"><asp:TextBox ID="txtOpeningHoursMondayToFriday"
runat="server" CssClass="btUpdateTextBox" MaxLength="100"></
asp:TextBox></td>
<td>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1"

ControlToValidate="txtOpeningHoursMondayToFriday"

ErrorMessage="Mandatory Field"
Display="Dynamic"

SetFocusOnError="true"
CssClass="error"
runat="server"
/>
</td>
</tr>
<tr>
<td align="right"
class="bold">Opening Hours (Sat): </td>
<td
align="left"><asp:TextBox ID="txtOpeningHoursSaturday" runat="server"
CssClass="btUpdateTextBox" MaxLength="100"></asp:TextBox></td>
<td>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2"

ControlToValidate="txtOpeningHoursSaturday"

ErrorMessage="Mandatory Field"
Display="Dynamic"

SetFocusOnError="true"
CssClass="error"
runat="server"
/>
</td>
</tr>
<tr>
<td align="right"
class="bold">Opening Hours (Additional): </td>
<td
align="left"><asp:TextBox ID="txtOpeningHoursAdditional"
runat="server" CssClass="btUpdateTextBox" MaxLength="100"></
asp:TextBox></td>
<td>

<asp:RequiredFieldValidator ID="RequiredFieldValidator3"

ControlToValidate="txtOpeningHoursAdditional"

ErrorMessage="Mandatory Field"
Display="Dynamic"

SetFocusOnError="true"
CssClass="error"
runat="server"
/
>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="50" colspan="2">&nbsp;</
td>
</tr>
<tr>
<td valign="top" align="right"
class="header"></td>
<td align="left"></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div><br />
</form>
</body>
</html>

CSS:

body
{
font-family:verdana, Tahoma, arial;
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
margin-top:0px;
background-color:#87C2FC;
}

..alternatingRowStyle
{
background-color:#E0E0E0;
}

..alternateColourAbold
{
background-color:#E0E0E0;
font-weight:bold;
}

..alternateColourA
{
background-color:#E0E0E0;
}

..alternateColourBbold
{
/*background-color:#87C2FC;*/
font-weight:bold;
}

..alternateColourB
{
/*background-color:#87C2FC; */
}

..bold
{
font-family:verdana, Tahoma, arial;
font-size:12px;
color:#000000;
font-weight:bold;
}

..branchTelephony
{
color:#141B39;
font-family:verdana, Tahoma, arial;
font-size:30px;
font-weight:bold;
font-style:italic;
border-bottom:solid 1px #003366;
}

..btBtn
{
font-family:verdana, Tahoma, arial;
font-size:12px;
color:#000000;
}

..btTextBox
{
font-family:verdana, Tahoma, arial;
font-size:12px;
color:#000000;
width:280px;
background-color:#ffffff;
}

..btUpdateTextBox
{
font-family:verdana, Tahoma, arial;
font-size:12px;
color:#000000;
width:280px;
background-color:#ffffff;
}

..error
{
font-family:verdana, Tahoma, arial;
font-size:12px;
font-weight:normal;
color:#FF0000;
}

..favouriteTableHeader
{
font-family:verdana, Tahoma, arial;
font-size:12px;
color:#ffffff;
font-weight:bold;
background-image: url('../images/slice.gif');
background-repeat: repeat-x;
text-align:center;
}

..favouriteTableFooter
{
background-image: url('../images/slice.gif');
background-repeat: repeat-x;
}

..favouriteTableContent
{
background-color:#ffffff;
text-align:center;
}

..favouriteTable
{
background-color:#ffffff;
border-bottom:solid 1px #cccccc;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
}
..gridViewEditRowStyle
{
font-family:verdana, Tahoma, arial;
font-size:12px;
color:#000000;
width:120px;
background-color:#ffffff;
}

..gridViewRowStyle
{
font-family:verdana, Tahoma, arial;
font-size:12px;
color:#000000;
}

..header
{
color:#141B39;
font-family:verdana, Tahoma, arial;
font-size:24px;
font-weight:bold;
font-style:normal;
}

..leftRight
{
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
}

..map
{
border-left:solid 1px #003366;
border-right:solid 1px #003366;
border-top:solid 1px #003366;
border-bottom:solid 1px #003366;
}

..tinytableopacity {
FONT-SIZE: 12px;
FONT-FAMILY:verdana, Tahoma, arial;
background: transparent;
}
..validationError
{
font-family:verdana, Tahoma, arial;
font-size:12px;
font-weight:bold;
color:#cc3333;
}

..viewLink
{
text-align:center;
}

..whiteFooter
{
font-family:verdana, Tahoma, arial;
font-size:10px;
color:#ffffff;
}

..seethrough
{
background-color:#ffffff;
border:1px solid black;
/*FONT-SIZE: xx-small;*/
FONT-SIZE: 12px;
FONT-FAMILY: verdana, Tahoma, arial;
filter:alpha(opacity='90');
-moz-opacity:.90;
opacity:.90;

}

Jun 21 '07 #1
0 3472

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
by: Joseph Haig | last post by:
Can someone please help me with a problem I have with using alpha transparency in Internet Explorer. I use a php script to determine the browser and if it is found to be Internet Explorer, the...
8
by: Asad | last post by:
Hi, I am basically trying to accomplish drop down menus for navigation on a site. And I'm pretty much done except I am having one problem. The z-index is not working with relative positioning! ...
3
by: Marek Mänd | last post by:
This posting will express my concern about the future of css3 forthcoming recommendation. I think for long time now, that the current implementation of CSS attribute opacity is less than usable...
3
by: Pablito | last post by:
Hi at all please can you inform me how I can use style="FILTER:alpha(opacity=0 to obtein dinamics image effects like fade ? Infact I tryed to use it from javascripts but I am unable from ...
1
by: kidelectric | last post by:
The issue I am having is that I would like to be able to drag-and-drop div elements that have rounded corners.* Since these elements will be dynamically created (including background color), I could...
4
by: lilOlMe | last post by:
Hi there! I've run into a bit of a problem wherein a <div> containing an error message is made invisible by an animation. I've tried everything to make this <div> reappear on a button click...
4
by: STIAdmin | last post by:
Happy Holidays to all of you! This is my first time posting. I'm working on a web project and trying to get this done before Christmas. The limitation is that I'm using an out of the box program...
3
by: premprakashbhati | last post by:
hi, good evening.. i am going to upload an image in a web form .....for that iam using HTML input(file) control and one web control button i.e., Upload_Button() here is the code ...its work fine...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

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.