|
HTML - Colspan In Firefox And Ie
Here is my page. It is ok in IE. I want exactly as in IE. But in Firefox it is displaying the columns differently. In 2nd row the col2 (Actually 2 and 3 colspan) starting from 3rd column where it shud start from 2nd col (As in IE). (I cannt use fixed width). How to fix this.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" bgcolor="#999999"> cols 12</td> <td width="7%" bgcolor="#CCCCCC">col 3</td> <td width="10%">col 4</td> <td width="8%">col 5</td> <td width="8%">6</td> <td width="6%">7</td> <td width="6%">8</td> <td width="6%">9</td> <td width="6%">10</td> <td width="6%">11</td> <td width="7%">12</td> <td width="6%">13</td> <td width="8%">14</td> </tr> <tr> <td width="4%" bgcolor="#996666">col 1</td> <td colspan="2" bgcolor="#99CCFF">cols 23</td> <td>col 4</td> <td>col 5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td> </tr> <tr> <td colspan="2" bgcolor="#999999">cols 12</td> <td bgcolor="#CCCCCC">col 3</td> <td>col 4</td> <td>col 5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td> </tr> <tr> <td colspan="2" bgcolor="#999999">cols 12</td> <td bgcolor="#CCCCCC">col 3</td> <td>col 4</td> <td>col 5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td> </tr> <tr> <td bgcolor="#996666" width="4%" >col1</td> <td colspan="13" bgcolor="#FFCCCC">cols 234567891011121314</td> </tr> </table> </body> </html> If I specify widths for all cols It is OK. Then If I give a value like 'fdgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfg' in first row in Col12 2nd row col1 width increasing. It shud be fixed. I hope u understand. Thanks in advance. Similar TutorialsOk i have this pretty much setup they way I want it but the text
Quote: Please enter the hours your establishment is open for business. is all bunched up. How do I have that text all show on a single line but keep my boxes and eveything else where it is? Here is a pic so you can see what im talking about... Please help, I have taken my website from fireworks and exported it to Dreamweaver. In my editable html text area I can't change the H1 to a h2 tag with out the entire table changing due to colspan and rowspan automaticly being added by either fireworks or by dreamweaver. If I delete the colspan code the table collapes??? The tutorial I am following allows the instructor to change on his with ease. Firworks cs3 and dream cs3 Thanks you in advance. Yes im a begginner...lol I'm trying to create a table that looks like this: Code: ============ || || || || || || ======= || || || || || ============ I use this code: Code: <table border='1'> <tr> <td>Text</td> <td rowspan='2'>&nbsp;</td> </tr> <tr> <td colspan='2'>Text</td> </tr> </table> But it comes out looking like this: Code: ============ || || || || || || =======----- || | || || | || ============ with 2 of the lines continuing. I can't seem to get it like the first picture. Any help is appreciated. This might be a very simple problem to fix but I am struggling to find a solution. Basically this is the code for my table: HTML Code: <table cellpadding="0px" border="0px" > <tr><td rowspan="6" width="290px" height="375px"><img width="286px" height="371px" src="test.png"></td> <tr><th>Title</th></tr> <td colspan="2" width="450px">Content 1 <td width="75px"><img width="75px" height="75px" src="test.png"> </td></tr> <td width="75px"><img width="75px" height="75px" src="test.png"> <td colspan="2" align="right" width="450px">Content 2 </td></tr> <td colspan="2" width="450px">Content 3 <td colspan="2" width="75px"><img width="75px" height="75px" src="test.png"> </td></tr> <td width="75px"><img width="75px" height="75px" src="test.png"> <td align="right" width="450px">Content 4 </td></tr> </table> Basically the problem I have, is I want the 'content 4' box to be the same as the 'content 2' box (Stretched to the full width of the table.). Does anyone know what I'm doing wrong, I'm sure it's really obvious. Any help will be greatly appreciated. Hi, I'm really new to HTML and CSS, but I'm trying to teach myself. Maybe you can help with this problem: I have a table on my homepage that contains 3 columns. I want the first column to have multiple rows (each at 75px high), but I want the 2nd and 3rd column to only have 1 row, and have variable height. I used a colspan tag in the HTML, which seemed to work, in Safari. But I'd like it to look the same in all browsers. In Safari, my first column, top cell, is displayed at the top of the table. And in Firefox and Chrome, that first cell is displayed at the bottom of the table. How can I get the cells to start at the top of the table (each 75 px high) and build from the top-down. For example, This is a screen-shot of what I'd like to have in all browsers: http://toddk.org/table-css-help.png Here is my site: http://toddandjill.com/ CSS: http://toddandjill.com/tkstyles.css These are the CSS properties for my table (also in the CSS file above): HTML Code: .home-table {
margin: 20px auto 0px auto;
border-spacing: 8px 0px;
}
.home-table .row1 {
width: 316px;
height: 0px;
NOborder: 3px dotted;
vertical-align: text-top;
}
.home-table .row2 {
width: 316px;
height: 75px;
border-bottom: 2px dotted #c1c1c1;
vertical-align: text-top;
}
Any help would be greatly appreciated, thanks!! Todd Hope someone can help with this. I think I have a colspan problem, though I'm not entirely sure. Here's what is happening -> websiteproblem.jpg Here's the code for what is happening -> websiteproblemhtml.jpg And would anyone know why I am not able to post text over my background image (images/OHDGwebsitebanner7_06.jpg)?? Would this be easier to do in Macromedia Dreamweaver? Thanks for all of your help! Ok, this is the strangest quirk I think I have seen in IE. It seems that when I combine a right-aligned TD with a UL in the following row in a TD with a colspan of "2", where the content of the right-aligned TD is a word with no spaces, IE goes into spasms. In Opera, Google Chrome, Firefox, and Safari, all is well. Yet in IE, right-padding seems to get automatically added to the right-aligned TD. If I either remove the UL, get rid of the first column in the first row, or break up the long word, it displays fine. Yet, if all those things remain in place, IE just doesn't seem to be able to get its act together. Anyone? Here is my code: HTML Code: <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:xhtml="http://www.w3.org/1999/xhtml">
<head>
<title>Stupid IE</title>
<style type="text/css">
td{
font-family:Garamond;
}
table.Experience{
width:635px;
margin-bottom:14px;
margin-left:auto;
margin-right:auto;
margin-top:40px;
}
tr.expHeader{
font-weight:bold;
font-size:10pt;
}
td.expDate{
width:130px;
}
td.expCo{
width:205px;
}
td.expLoc{
text-align:right;
width:505px;
}
td.expList{
font-size:11pt;
text-align:justify;
}
td.expList ul{
margin-top:3px;
list-style-type:square;
margin-bottom:6px;
}
td.expList ul li{
margin-bottom:2px;
}
</style>
</head>
<body>
<table class="Experience" cellpadding="0" cellspacing="0">
<tbody>
<tr class="expHeader">
<td class="expDate">Here is a td</td>
<td class="expLoc">Averyveryreallylonglongwordthatislonger</td>
</tr>
<tr>
<td class="expList" colspan="2">
<ul>
<li>
This is a bullet item. Such as those that you may see in various lists around the world.
The most famous bullet item, the semi-bollesque bullet field of 1997, gained notoriety
for the fact that it was the first publicly known bullet item with the ability to break
the sound barrier.
</li>
</ul>
</td>
</tr>
</tbody>
</table>
<table class="Experience" cellpadding="0" cellspacing="0">
<tbody>
<tr class="expHeader">
<td class="expDate">Here is a td</td>
<td class="expLoc">This time I broke it up a little bit. See what happens?</td>
</tr>
<tr>
<td class="expList" colspan="2">
<ul>
<li>
This is a bullet item. Such as those that you may see in various lists around the world.
The most famous bullet item, the semi-bollesque bullet field of 1997, gained notoriety
for the fact that it was the first publicly known bullet item with the ability to break
the sound barrier.
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Hello, I am pretty new to the whole html world so forgive me if this is a simple problem. I have look all over for a post explaing this problem but i haven't found anything. I am making a site for a friend using Dreamweaver. I know i know, i regret not coding it from scratch but its too late now. Anyways I have a pretty good page layout going now but I have ran into a problem with loading my images. On my home page an image in a table nested inside another table will load when viewing in safari but seems to disappear in firefox. What is going on? Its a pretty simple piece of code. I place; <img src="Pictures/RDV couplepalm.jpg" width="200" height="" style="float:right; padding: 8px; margin-left:10px; margin-bottom: 10px" / inside of a paragraph in a row of a table. I have rewritten the code for this image, copied it from a working image and screwed around with the table heights (although I wasn't too sure what i was doing). What else should I try? I have attached screen shots of the site in both browsers a copy of the problem jpeg aswell as a copy of the html. Any information anyone could givee me would be REALLY appreciated! Thank you. I have recently designed a website on Google Chrome...And after finishing it and opening it on Firefox and IE, I was surprised by the strange look of my site...The widths and tops and everything of CSS of boxes I did look completely different...I tried to add DOCTYPE and stuff like that and still it makes no sense but makes the same issue with Google Chrome too and when erasing it..The site runs on google chrome properly but not in IE and Firefox...Please help me fixing this problem... My site: http://islamdiaa.selfip.com/ I am (slowly) moving away from tables for page lay-out and I have recently left frames and replaced recurring "pages" (like menus and headers) with asp includes (so that one menu can be used on multiple pages). I am using BonRouge's tutorial as well as others. Here is my question: What type of "browser" is the MSN browser and the AOL browser. Even if something renders well in ie6, ie7, and firefox at different screen sizes and resolutions there is still no guarantee that you will have that same consistency in MSN or AOL. Any help here? I don't know what should I do. Google doesn't help me. When I try to embed wmv video to document it's not shown in Firefox but is shown in other browsers (Chrome, IE7/8, Opera). Why? Code he HTML Code: <object ID="Player" width="330" height="310" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param name="autoStart" value="True"> <param name="uiMode" value="full"> <param name="volume" value="100"> <param name="mute" value="false"> <param name="URL" value="video.wmv"> <embed src="video.wmv" width="330" height="310" autoStart="True" uiMode="full" volume="100" mute="false"></embed> </object> Please help me... Hi, I am trying to get my site in IE look the same as it does in Firefox and Safari. What happens is one of the table rows jets off to the right side of the page, or at least that is what appears to be the problem. The site location is www.destinationservicesnw.com If you open in IE and then Firefox you will see what I mean. I've tried the validator and nothing useful came back. Any ideas? Thanks in Advance. I am new to design but can already tell that a majority of my time is spent on tinkering with my pages to make them appear correctly in the very picky and buggy IE7 while my pages appear just fine in Firefox. I am wondering if anyone knows of a good resource site that lays out tips on how to get around the tricky parts of how IE7 displays pages. I have a page he http://www.bestsellersworld.com/contest-mothersday.htm In IE, it looks fine. In Firefox I cannot see the names of the five books at the right. This is done with a script but it shows on IE. What do I have to do to make everything show on Firefox? Hey everyone, I'm having a problem with how text is being aligned inside a table, which is how I want in firefox, but of course it's different in IE. The site is http://www.mycomputerfox.com/new/aboutus.html. The problem is the text to the right of the slideshow should be aligned middle center, but it's not in IE. The html is: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ComputerFox</title>
<link href="design/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="frame">
<div id="header">
<center>
<img src="design/computerfoxbanner.jpg">
</center>
</div>
<div id="menu">
<center>
<A HREF="index.html"
onmouseover="document.home.src='design/buttons/home1.gif'"
onmouseout="document.home.src='design/buttons/home.gif'"><img name="home" src="design/buttons/home.gif"></a><A HREF="aboutus.html"
onmouseover="document.aboutus.src='design/buttons/aboutus1.gif'"
onmouseout="document.aboutus.src='design/buttons/aboutus.gif'"><img name="aboutus" src="design/buttons/aboutus.gif"></a><A HREF="news.html"
onmouseover="document.news.src='design/buttons/news1.gif'"
onmouseout="document.news.src='design/buttons/news.gif'"><img name="news" src="design/buttons/news.gif"></a><A HREF="services.html"
onmouseover="document.services.src='design/buttons/services1.gif'"
onmouseout="document.services.src='design/buttons/services.gif'"><img name="services" src="design/buttons/services.gif"></a><A HREF="datarecovery.html"
onmouseover="document.datarecovery.src='design/buttons/datarecovery1.gif'"
onmouseout="document.datarecovery.src='design/buttons/datarecovery.gif'"><img name="datarecovery" src="design/buttons/datarecovery.gif"></a><A HREF="servicecontracts.html"
onmouseover="document.servicecontracts.src='design/buttons/servicecontracts1.gif'"
onmouseout="document.servicecontracts.src='design/buttons/servicecontracts.gif'"><img name="servicecontracts" src="design/buttons/servicecontracts.gif"></a><A HREF="locateastore.html"
onmouseover="document.locatestore.src='design/buttons/locateastore1.gif'"
onmouseout="document.locatestore.src='design/buttons/locateastore.gif'"><img name="locatestore" src="design/buttons/locateastore.gif"></a><A HREF="contactus.html"
onmouseover="document.contactus.src='design/buttons/contactus1.gif'"
onmouseout="document.contactus.src='design/buttons/contactus.gif'"><img name="contactus" src="design/buttons/contactus.gif"></a>
</center>
</div>
<div id="content">
<table width="100%">
<tr>
<td class="noh"><script language="JavaScript1.1">
<!--
//Pixelating Image slideshow
//Copyright Dynamic Drive 2001
//Visit http://www.dynamicdrive.com for this script
//specify interval between slide (in mili seconds)
var slidespeed=5000
//specify images
var slideimages=new Array("design/slide/photo1.jpg","design/slide/photo2.jpg","design/slide/photo3.jpg","design/slide/photo4.jpg","design/slide/photo5.jpg","design/slide/photo6.jpg","design/slide/photo7.jpg")
//specify corresponding links
var slidelinks=new Array("http://www.rfrank118.com/tv.htm","http://rfrank118.com/Kids.htm","http://www.rfrank118.com/agenda.htm","http://www.ronpaultv.blogspot.com","http://www.infowars.com/stream.pls","http://www.amann2010.com","http://www.rfrank118.com/Brochure.htm")
var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
function gotoshow(){
window.location=slidelinks[whichlink]
}
//-->
</script><a href="javascript:gotoshow()"><img src="photo1.jpg" name="slide" border="0" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1); text-align:left;" align="absbottom" width="450" height="200"></a>
<script language="JavaScript1.1">
<!--
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()
//-->
</script></td>
<td align="center" valign="middle" class="noh" width="345px"><h3>About Us</h3></td>
</tr>
<tr>
<td class="noh" colspan="2"><p style="color: #000000;">The Computerfox has two locations that service all of Fairfield County and one location that services the Milford New Haven Area. Unlike many of our competitors we have three separate commercial locations.<br><br>
We make no qualms about working late, starting early, and providing you with an emergency Cell phone number. Our ultimate goal is to make every customer feel like our service is the best there is.<br><br>
Our employees are not "Nerds" or "Geeks" but rather professionally trained people who will set aside their personal agenda to help a customer in a crisis. The ComputerFox also provides a customer service line to resolve any potential concerns you may have. Click on the "contact us" link for a phone number.<br><br>
We realize there is a lot of competition in our field and customers can be afraid of trying a new company. For this reason we would like like to thank you in advance for considering us as your provider, and as token of our sincerity you may print or mention the coupon below for a "no obligation" "Risk Free" visit.</p>
<br>
<center><img style="border-style:dotted;" src="design/tagcoupon.jpg"></center></td>
</tr>
</table>
</div>
<div id="footer">
<center>
<img src="design/buttons/filler.gif"><A HREF="preowned.html"
onmouseover="document.preowned.src='design/buttons/preowned1.gif'"
onmouseout="document.preowned.src='design/buttons/preowned.gif'"><img name="preowned" src="design/buttons/preowned.gif"></a><img src="design/buttons/seperator.gif"><A HREF="aboutus.html"
onmouseover="document.homemovies.src='design/buttons/homemovies1.gif'"
onmouseout="document.homemovies.src='design/buttons/homemovies.gif'"><img name="homemovies" src="design/buttons/homemovies.gif"></a><img src="design/buttons/filler.gif">
</center>
</div>
</div>
</body>
</html>
The css is: Code: @charset "utf-8";
/* CSS Document */
body
{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background-color: #E97F19;
}
#frame
{
width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
border: thin double #000000;
}
#header
{
width: 800px;
height: auto;
padding-top: 5px;
}
#menu
{
width: 800px;
height: auto;
margin-top: 10px;
}
#content
{
width: 780px;
height: auto;
margin-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
background-color: #FF9933;
}
#footer
{
width: 800px;
height: auto;
padding-bottom: 10px;
padding-top: 10px;
}
p
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
h1, h2, h3, h4, h5
{
color: #FFFFFF;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
img
{
border: none;
}
a:link
{
color: #FFFFFF;
}
a:visited
{
color: #FFFFFF;
}
a:active
{
color: #FF6600;
}
a:hover
{
color: #FF0000;
font-weight: bold;
}
.noh
{
padding-top: 5px;
}
li.down
{
padding-bottom: 5px;
}
h4.table
{
padding: 0px 0px 0px 0px;
}
Any help would be great. Thanks! hi to all members. i have this code Code: <div id="header_menu"><img alt="" src="images/m_left.jpg" /><a href="http://www.ghesi.com/despre-noi.php"><img alt="" src="images/23232m4.jpg" /></a><a href="http://www.ghesi.com/check.php"><img alt="" src="images/m2.jpg" /></a><img src="images/linia.jpg"><a href="http://www.ghesi.com/hosting.php?spt=1"><img alt="" src="images/m3.jpg" /></a><img src="images/linia.jpg"><a href="http://www.ghesi.com/hosting.php?pt=r"><img alt="" src="images/m4.jpg" /></a><img src="images/linia.jpg"><a href="http://www.ghesi.com/contact.php"><img alt="" src="images/contact.jpg" /></a><img src="images/m_right.jpg" alt="" width="8" /><img src="images/rohelp.jpg"><img src="images/aw.jpg"></div> <!-- content --> <div class="top_indent bgr"></div> <div class="bgr site_width"> <!--left_box--> <div class="separate"><img alt="" src="images/spacer.gif" width="1" height="540" /></div> <a href="images/legal.jpg"><img src="images/legal1.jpg" alt="Legal" align="right" style="margin-right:10px" border="0"></a> Ghesi.com este un serviciu oferit de Total Domination S.R.L.<br> <br>Total Domination S.R.L are sediul in Alba-Iulia, Bulevardul Republici Nr. 26 si este inregistrata la Registrul Comertului cu numarul J01/986/2007 si codul fiscal 22198660 din 01/08/2007 avand activitatea incadrata in clasa CAEM 7230 Prelucrarea informatica a datelor.<br><br> Serviciile oferite de Ghesi.com sunt specializate in acordarea de asistenta pentru partenerii si clientii sai, prin identificarea de noi oportunitati de piata si prin cresterea valorii produse de activitatile conexe, ajutandu-i sa se concentreze asupra activitatii de baza. <br><br> Dezvoltam 3 tipuri de activitati interconectate: servicii gazduire pentru clienti si reselleri pentru parteneri, inregistrari domenii pentru clinerti si reseller de domenii pentru parteneri, servere dedicate. Suntem furnizori de servicii de gazduire web pentru mediile Internet si IT. <br><br><strong>Date legale:</strong><br><br>Total Domination SRL<br><br>Cod Unic de Inregistra 22198660<br><br>Nr de Inregistrare la Registrul Comertului: J01/986/2007<br><br>Sediu Administrativ: B-dul Republicii Nr. 26 <br><br>Sediu Social: B-dul Republicii Nr. 26, 510199 Alba-Iulia <br><br><strong>Informatii Bancare :</strong><br><br><u>Banca: Banca Transilvania - Sucursala Alba-Iulia (str. Motilor nr.2-4)</u><br><br>Cont RON: RO75BTRL00101202F13299XX<br><br>Cont EUR: RO50BTRL00104202F13299XX<br><br>Cod SWIFT: BTRLRO22ABA<br><br><u>Banca: BRD-Groupe Societe Generale, Alba-Iulia</u><br><br> Cont RON: RO03BRDE010SV13090310100</td></tr> <div class="separate_1"><img alt="" src="images/spacer.gif" width="1" height="1" /></div> <div class="clear"></div> </div> <div class="button_indent bgr"></div> and the output in firefox is this, this is what i'm locking for but in Internet Explorer the output is this i want the site in IE to have the same look as in firefox. this is the image <img src="images/legal1.jpg" alt="Legal" align="right" style="margin-right:10px" border="0"> who can tell me what is my mistake, in not a guru in html Hello, im pretty much a newbie and ive been asked to create a website for my friend's small company, anywho, i've been using dreamweaver, the site is as follows. http://www.spire-guild.com/pw/index2.html Perfectly aligned on firefox but has some huge cap on the right side where you open it on I.E Can anyone help me as i really don't know what im doing. Cheers. It has been brought to my attention by my customer, whos website I designed, looks different in FireFox. What I have noticed is his google adsence is shifted all the way to the right, which pushes everything below it down. I have it in the table set to align left, but firefox seems to ignore this... any ideas? the site is http://www.tegbs.com This code works fine in IE, but in Firefox only the first style is honored, and only the first JavaScript function will run (the other doesn't do anything in Firefox). I've tried the code both with and without semicolons after the }'s and it makes no difference. The idea of the code is to expand and collapse various sections of a document. The "Expand All" and "Collapse All' links call a script to expand/collapse every section at once. The section names are correct. Again, this code works in IE but I can't figure out why Firefox doesn't like it, and why Firefox ignores the styles I've set, such as red for the word "hide". Thanks The font-family style is honored, the rest is not. The sizeTbl function works, the ExpandCollapse function does not (in Firefox, both work in IE) <style> body {font-family:Arial, Helvetica, sans-serif}; a:hover {text-decoration:underline}; .hide {color:#FF0000; text-indent:40px}; .collapse {color:#0000FF}; </style> <!-- Script takes two parameters, h (how to display) and n (element to display --> <script type="text/javascript"> function sizeTbl(h,n) { var tbl = document.getElementById(n); tbl.style.display = h; }; function ExpandCollapse(x) { accts.style.display = x; charity.style.display = x; bargaining.style.display = x; hr.style.display = x; media.style.display = x; payroll.style.display = x; safety.style.display = x; security.style.display = x; }; </script> <img src="images/heading.png" alt="Section Forms"/> <p>Click on a category to show forms in that category.<br /> <a href="javascript:ExpandCollapse('block')"><span class="collapse">Expand All</span></a> <a href="javascript:ExpandCollapse('none')"><span class="collapse">Collapse All</span></a> </p> |
|||||||