Hi,
I have example html below which contains a couple of hidden divs.
However, some of the table borders within these hidden divs are
actually displayed when they should not be.
In my example, I have comments indicating that if I remove the
'border-collapse' attribute for two of the tables within the hidden
divs, my problem is fixed.
However, in my real html page, I need the border-collapse attribute, or
the tables do not display as I would like them too.
Could anyone explain to me what I am doing wrong and how I can get the
divs to be truely hidden without compromising the table display when it
is necessary?
(My example does not make sense; it is just stripped down html to show
the unwanted affect)
Thanks very much for any insight into my problem!!
Irene
p.s. I had nice indents for the display below, but on the page preview
they were lost... sorry
<html>
<body onload="init();" >
<script language="javascript">
function init()
{ window.setTimeout( initTest, 1000 );
}
function initTest()
{document.getElementById( 'div1' ).innerHTML =
document.getElementById('div2').innerHTML;
}
</script>
<form name="searchForm">
<table style="border-collapse:collapse;">
<tr>
<td>
<div id="div3">
<table style="border-collapse: collapse; border-bottom: solid thin
Red; border-top: solid thin Red;">
<tr>
<td style="border-right: solid thin Blue;">xxxx</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table style="border-collapse:collapse;">
<tr>
<td>
<div id="div1"></div>
</td>
</tr>
</table>
</form>
<div id="div2" style="visibility:hidden">
<table style="border-collapse:collapse;"><!-- if border-collapse is
removed here, div is truely hidden-->
<tr>
<td valign="middle" style="border-top: solid thin Green;"><b><span
id="spanID1">1234</span></b>
</td>
</tr>
</table>
</div>
<div id="div4" style="visibility:hidden">
<!-- if border-collapse is removed from table below, div is truely
hidden -->
<table style="border-collapse:collapse; border-bottom: solid thin Red;
border-top: solid thin Red;">
<tr>
<td style="border-right: solid thin Blue;">yyyy</td>
</tr>
</table>
</div>
</body>
</html> 2 4933
Hi again,
I forgot to mention that I am using IE 6.0.
Would anyone know why the border-collapse table attribute is causing
the hidden div to display some of the borders in the example below?
Thanks,
Irene ir********@yahoo.com wrote: Hi,
I have example html below which contains a couple of hidden divs. However, some of the table borders within these hidden divs are actually displayed when they should not be.
In my example, I have comments indicating that if I remove the 'border-collapse' attribute for two of the tables within the hidden divs, my problem is fixed.
However, in my real html page, I need the border-collapse attribute,
or the tables do not display as I would like them too. Could anyone explain to me what I am doing wrong and how I can get
the divs to be truely hidden without compromising the table display when
it is necessary?
(My example does not make sense; it is just stripped down html to
show the unwanted affect)
Thanks very much for any insight into my problem!! Irene p.s. I had nice indents for the display below, but on the page
preview they were lost... sorry
<html> <body onload="init();" > <script language="javascript"> function init() { window.setTimeout( initTest, 1000 ); } function initTest() {document.getElementById( 'div1' ).innerHTML = document.getElementById('div2').innerHTML; } </script>
<form name="searchForm"> <table style="border-collapse:collapse;"> <tr> <td> <div id="div3"> <table style="border-collapse: collapse; border-bottom: solid thin Red; border-top: solid thin Red;"> <tr> <td style="border-right: solid thin Blue;">xxxx</td> </tr> </table> </div> </td> </tr> </table> <table style="border-collapse:collapse;"> <tr> <td> <div id="div1"></div> </td> </tr> </table> </form> <div id="div2" style="visibility:hidden"> <table style="border-collapse:collapse;"><!-- if border-collapse is removed here, div is truely hidden--> <tr> <td valign="middle" style="border-top: solid thin Green;"><b><span id="spanID1">1234</span></b> </td> </tr> </table> </div> <div id="div4" style="visibility:hidden"> <!-- if border-collapse is removed from table below, div is truely hidden --> <table style="border-collapse:collapse; border-bottom: solid thin
Red; border-top: solid thin Red;"> <tr> <td style="border-right: solid thin Blue;">yyyy</td> </tr> </table> </div> </body> </html>
Hi,
For anyone who is interested, I just happened to stumble across the
solution (after dealing with this issue another way a while back):
the style attribute for the table tags that were <visibility:hidden>
should have been
<visibility:hidden; display:none;>
Then the 'border-collapse' table attribute works as expected.
Irene ir********@yahoo.com wrote: Hi again,
I forgot to mention that I am using IE 6.0.
Would anyone know why the border-collapse table attribute is causing the hidden div to display some of the borders in the example below?
Thanks, Irene
ir********@yahoo.com wrote: Hi,
I have example html below which contains a couple of hidden divs. However, some of the table borders within these hidden divs are actually displayed when they should not be.
In my example, I have comments indicating that if I remove the 'border-collapse' attribute for two of the tables within the hidden divs, my problem is fixed.
However, in my real html page, I need the border-collapse
attribute, or the tables do not display as I would like them too. Could anyone explain to me what I am doing wrong and how I can get the divs to be truely hidden without compromising the table display
when it is necessary?
(My example does not make sense; it is just stripped down html to show the unwanted affect)
Thanks very much for any insight into my problem!! Irene p.s. I had nice indents for the display below, but on the page preview they were lost... sorry
<html> <body onload="init();" > <script language="javascript"> function init() { window.setTimeout( initTest, 1000 ); } function initTest() {document.getElementById( 'div1' ).innerHTML = document.getElementById('div2').innerHTML; } </script>
<form name="searchForm"> <table style="border-collapse:collapse;"> <tr> <td> <div id="div3"> <table style="border-collapse: collapse; border-bottom: solid thin Red; border-top: solid thin Red;"> <tr> <td style="border-right: solid thin Blue;">xxxx</td> </tr> </table> </div> </td> </tr> </table> <table style="border-collapse:collapse;"> <tr> <td> <div id="div1"></div> </td> </tr> </table> </form> <div id="div2" style="visibility:hidden"> <table style="border-collapse:collapse;"><!-- if border-collapse is removed here, div is truely hidden--> <tr> <td valign="middle" style="border-top: solid thin Green;"><b><span id="spanID1">1234</span></b> </td> </tr> </table> </div> <div id="div4" style="visibility:hidden"> <!-- if border-collapse is removed from table below, div is truely hidden --> <table style="border-collapse:collapse; border-bottom: solid thin Red; border-top: solid thin Red;"> <tr> <td style="border-right: solid thin Blue;">yyyy</td> </tr> </table> </div> </body> </html> This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: krunkelgarten |
last post by:
Hi there, I've developed a site for a group of companies.
And they wanted their adresses etc. on the site.
The site is http://fmf.centrumweertpromotion.nl/
When you click on the 2nd thing from...
|
by: Robert Misiorowski |
last post by:
Hello,
I have a very perplexing (at least to me) problem that hopefully
someone can help me with. I'm making a site with a 3 column layout. In the
middle column (my fluid column) I am trying to...
|
by: h |
last post by:
Hello everyone
I am baffled by the behaviour of a webpage that I am trying to design(when
viewed in ie6).
I believe the problem arises when I use floats(at least that is the only
occasion...
|
by: WindAndWaves |
last post by:
Hi Gurus
The page below has a strange error. It seems to be working very well, just
when you enter 8 or 9 for day, month or year then you get an error. I
really have no idea where that is...
|
by: M O J O |
last post by:
Hi,
I'm developing a asp.net application and ran into a strange css problem.
I want all my links to have a dashed underline and when they are
hovered, it must change to a solid line. Sounds...
|
by: Jim |
last post by:
Hi,
I am hoping that someone here can help me out. I am for the first time
trying to implement a page design using only CSS instead of HTML
tables.
I've been able to get most of the page done...
|
by: Gerry Vandermaesen |
last post by:
I'm having a problem with IE which displays my page footer partly
beneath the viewable/scrollable window. It seems to calculate the
bottom margin from the top of the div without looking at it's...
|
by: ben.dixon |
last post by:
Hi,
I'm using links for navigation on a test page, so each link will go to
a question in the test e.g. Question 1, Question 2 etc.
For each link i am using an Outer Border, Middle border and...
|
by: metaperl |
last post by:
On reddit.com, many moons ago, I downloaded some code which generated
a page using HTML tables from a picture of the page you wanted.
However, I dont have any author information in the code and...
|
by: sjickells |
last post by:
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...
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
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,...
|
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...
|
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,...
|
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: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 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 a new...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...
| |