473,837 Members | 1,551 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Using CSS to get expandable cell

8 New Member
I usually have no problem with Firefox, but here is a rare instance of IE displaying a table with image slices correctly and Firefox adding space where I seemingly have none. Is there anything I can do to fix this? Reasons for the problem may be that I have a cell in the table that acts as an expandable cell so that one can adjust the window and it will widen to keep the header at 98% of the window. Also, there is a text box and a menu box inside cells.

Can this be redone, without tables, using CSS and still give me the functionality I want and not fracture under different browsers or window sizes?

This is the code I have-

<table border="0" cellpadding="0" cellspacing="0" width="99%" bgcolor="#00006 6" height="62" style="height: 62px;">
<!-- fwtable fwsrc="cpindex_ header.png" fwbase="cpindex _header.jpg" fwstyle="Dreamw eaver" fwdocid = "1727768851 " fwnested="0" -->
<tr>
<td width="179" style="backgrou nd-color: white;"><img src="images/spacer.gif" width="179" height="1" border="0" alt=""></td>
<td style="backgrou nd-color: white;"><img src="images/spacer.gif" width="9" height="1" border="0" alt=""></td>
<td style="backgrou nd-color: white;"><img src="images/spacer.gif" width="344" height="1" border="0" alt=""></td>
<td style="backgrou nd-color: white;"><img src="images/spacer.gif" width="59" height="1" border="0" alt=""></td>
<td width="109" style="backgrou nd-color: white;"><img src="images/spacer.gif" width="109" height="1" border="0" alt=""></td>
<td width="1" height="1" style="backgrou nd-color: white;"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td width="179" rowspan="2" height="54"><a href=""><img name="cpindex_h eader_r1_c1" src="images/cpindex_header_ r1_c1.jpg" width="179" height="54" border="0"></a></td>
<!--- THIS IS THE EXPANDABLE CELL --->
<td rowspan="3" height="60" style="backgrou nd-image: url(images/cpindex_header_ r1_c2.jpg); height: 60px; background-color: navajowhite;"></td>
<td width="403" colspan="2" height="27" style="height: 27px;"><img name="cpindex_h eader_r1_c3" src="images/cpindex_header_ r1_c3.jpg" width="403" height="27" border="0" usemap="#m_cpin dex_header_r1_c 3" alt="C&amp;P Index Home"></td>
<td rowspan="3" width="109" height="60" style="backgrou nd-image: url(images/cpindex_header_ r1_c4.jpg); font-family: Arial Narrow; height: 60px;">
<a href="" class="navbar1" >Advanced Search</a><br>
<!--- SECURITY CHECK --->
<CFIF IsDefined("cook ie.matrix_admin ")>
<!--- <A href="search_fo rm.cfm?search_s witch=adv_searc h" class="navbar1" >Custom Reports</A><br> --->

<!--- Check to see if the cookie has enough elements for the check --->
<CFIF #ListLen(cookie .matrix_admin, "_")# GT "2">
<!--- Check what sort of administrator it is. --->
<!--- there's a CFSWITCH here that's been redacted --->

<!--- Show the logout link --->
<a href="matrix_lo gout.cfm" class="navbar1" >Log Out</a><br>
<CFELSE>
<!--- If the cookie is too short (probably zero elements) assume the user has logged out. --->
<a href="matrix_lo gin.cfm" class="navbar1" >Log In</a><br>
</CFIF>
<CFELSE>
<a href="" class="navbar1" >About</a> <br>
</CFIF>
<!--- SECURITY CHECK --->
<CFIF cookie.v_hide NEQ "Y">
<!--- there's a bunch of CFIFs and CFLOOPS here that've been redacted --->
</CFIF>

</td>
<td height="27" style="height: 27px; background-color: white;"><img src="images/spacer.gif" width="1" height="27" border="0" alt=""></td>
</tr>

<tr>
<td width="344" rowspan="2" style="backgrou nd-image: url(images/cpindex_header_ r2_c3.jpg); text-align: right;">
<input name="docu_titl e" type="text" onfocus="value= ''" value="Name/Word" size="15" maxlength="30" style="margin-right: .3em;">
<select name="cat_list" style="margin-top: .3em; margin-right: .3em;">
<option value="" selected>All</option>
<option value="PROC">Pr ocess</option>
<option value="201">Com mand Media</option>
<option value="240">IDS Site Manual/Proc</option>
<option value="204">For ms/Checklists</option>
<option value="203">Tra ining Courses</option>
<option value="210">Bri efing</option>
<option value="208">Ref erence</option>
<option value="205">Tea m</option>
<option value="66">Team Member</option>
</select>
<input name="searchtyp e" type="hidden" value="title">
<input name="meth" type="hidden" value="res_by_t itle">

<input type="button"
name="Submit"
value="&gt;&gt; "
onclick="if(thi s.value == '&gt;&gt;') this.form.submi t(); this.value = '-X-';">
</td>

<td width="59" rowspan="2" height="33"><im g name="cpindex_h eader_r2_c4" src="images/cpindex_header_ r2_c5.jpg" width="59" height="33" border="0" alt=""></td>
<td height="27" style="height: 27px; background-color: white;"><img src="images/spacer.gif" width="1" height="27" border="0" alt=""></td>
</tr>

<tr>
<td height="6"><img name="cpindex_h eader_r3_c1" src="images/cpindex_header_ r3_c1.jpg" width="179" height="6" border="0" alt=""></td>
<td height="6" style="height: 6px; background-color: white;"><img src="images/spacer.gif" width="1" height="6" border="0" alt=""></td>
</tr>
</table>
May 28 '08 #1
1 3735
Stang02GT
1,208 Recognized Expert Top Contributor
Please use code tags when posting code.

If you search around there have been a lot of questions dealing with IE7 and Firefox displaying things differently.

I gave another memeber the same advice i am going to give you. Google this issue, there are tons of information out there on this.


What you can do is attach an IE specific style sheet so that what you are doing displays correctly in IE

LINK


In the mean time i am preparing a tutorial on this subject, because of the amount of questions I see on this issue.
Jun 2 '08 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

1
2385
by: Mel | last post by:
has anyone built a CSS based expandable menus yet ? i can see that its do(able) using display=0|1 function thanks for any info
15
3710
by: Mel | last post by:
if you know of dynamic expandable folder using CSS and display function, please drop me a note Yours, Mel
4
6042
by: Doug | last post by:
Hi - I'm looking to code some javascript that has an event handler tied to an image ("a down arrow") that will expand code that was hidden on the page load. It's pretty simple, I have an accessories html table that I want to load in the html but hide to save page real estate until you click the "down arrow" image. I know I've seen stuff like this before, can anyone point me to an example of this or give me an idea of how to code it? ...
0
1065
by: Pradeep | last post by:
Hi all, When i change an expandable property of an object from the property grid, the set method of that property is not being called, where as the set methods of its sub properties are being executed. what may be the reason? please help... I have written some code with in the set method of the expandable property.
0
5570
by: Brian Young | last post by:
Hi all. I'm using the Property Grid control in a control to manage a windows service we have developed here. The windows service runs a set of other jobs that need to be managed. The control is used to view the state of the running jobs and schedule new jobs. The control also runs in the context of Internet Explorer (we do this so the administrators of the jobs can always receive the latest control). The property grid is used to...
5
2374
by: KitKat | last post by:
I've got two queries; one is a modification of an older query; the other I created from scratch. The old one is about 5 copies down the road from something that has been expandable when I'm in View mode--it showed the Points of Contact for records whose Begin Date was in a form-selected (or manually inputted) year. That used to be all it did. Then copied it, took out the year criterion, and changed "POC" to show the Director field...
1
9168
by: axlq | last post by:
I've seen a lot of examples of expandable/collapsable lists, such as these nice examples: http://www.karlnelson.net/nestedlists/ and http://dynamicdrive.com/dynamicindex1/navigate1.htm They use javascript of course, and that's the problem. There's no graceful degradation with javascript disabled. Any links in the hidden sub-items will become inaccessible.
0
1514
by: chris | last post by:
My ASP.NET 2 table has expandable rows that are expanded & contracted by clicking on a 'show' / 'hide' link in the cell. In each row one cell contains a table with two rows, one showing the contracted state and the second showing the expanded state. JavaScript controls whether the expanded or contracted row is visible. The expanded row contains some text as well as a popup that is displayed when the user hovers over a link. In IE7 then...
1
2134
by: IntoEternity | last post by:
Hello, I found a script for innerHTML, which has a basic expand / collapse function. However, when it comes to table cells … it craps out. I know some form of toggle function needs to be added, something the lines of this function toggle(id) { var tr = document.getElementById(id); if (tr==null) { return; } var bExpand = tr.style.display == ''; tr.style.display = (bExpand ? 'none' : ''); } function Toggle_h1() { toggle('row1');...
0
9844
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, weíll explore What is ONU, What Is Router, ONU & Routerís main usage, and What is the difference between ONU and Router. Letís take a closer look ! Part I. Meaning of...
0
9683
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10883
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10578
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10631
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
10276
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7006
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 then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5670
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 last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5851
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?

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.