|
HTML - Freeze Table Header In Html
Dear experts,
I want to freeze html table header. I find the .css to do that, however, the freeze header width does not align with the body part of table. My code is as below: <div id="div1" > <table id="webRef" > <thead > <tr> <th >#</th> <th >網站</th> <th >學習重點</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> </tbody> </table> </div> Thanks a lot!. Regards, Man Pak Hong, Dave manpakhong@hotmail.com Similar TutorialsCould someone help me out with testing in IE8, and why it is freezing? x Thats my link, appreciate any advice on the issue. Im using a HTML5 menu, and a PHP background manager. Seems that IE8 is having trouble with something and just randomly freezes... Hi , Earlier i am using html table to show the huge data. when i click print preview in IE8 browser all data will be shown as page wise. Present i am using freeze pane to showing the huge data. Here the problem is when i click printpreviw option from IE8 i am not getting all the data . i am getting only viewable part of the data. how can i get all data while uding the freeze panes in html. Please help me asap . Thanks in advance, I've a table with table header and table body. Each row in the table body has a delete button. On click of the delete button the whole row is made invisible by a javascript function. Now if the last row of the table body is deleted I want the whole table to be made invisible. Could someone please help me in acheiving the following goal. - To check the visibility of each row in table body. (The row is made invisible by setting display = none). Hi. I want part of the text in my table header to be bold, but I also want another part of it to be regular font. I'm kind of new to HTML. How would I do this? Thanks, Brad Hi everyone, I am having a basic problem with a header for my site. The header template is a 3 column 4 row table, with various graphic pieces plugged into each cell. On the second row, I have a graphic that is as wide as the 2nd column plus the 3rd column, and I used the colspan command so it should take up both columns. But, there is a goofy gap to the left of it! Can anyone help? The website is www.precisionpythons.com Thank you! JonV I am creating very simple Adsense websites for novice programming moms. I have my tables set, I need a header to display Google Adsense within one of the top tables on all 80 pages of content. In PHP we refer to the process as "Calling". I need to call the header to each page. Frames won't work, have to use tables. I would like to make a header that contains the Adsense info, so when there are 80 pages of content the newbee mom programmer doesn't have to add google adsense separately to each of the 80 pages. Its difficult enough to get them to do it once without saving the template as a .txt file. If I can just write the instructions so they can open 1 header file, pop in the adsense code in a large open area then save it using a html ext. it will be a life saver. Then I just have to explain ftp - wish me luck. (I am use to hacking up PHP scripts, sad to say I hack well, I program badly.) I have probably over explained this, sorry. Thank you for any help you can give, ~eDee Here is my site: http://www.straighttothetop.net What I want to do is add the image (the one in the background) and put it in the header above the navigation links (home, products, etc) Just having a black background and the image on the header as a kinda banner/logo centered on top of the navigation links Is it possible to include a header and footer file using HTML? I have my file as a .html and need to be able to include the HTML for the header and footer. Anyone know how I can do this? HI I have a .htm file in which i dynmically insert the data. Now wht i want that i want to put header and footer in each print page of thta html file , dynmically thoroght VB.NET Code. The header and footer can contail , the company logo, Title of page and so on. can u big boss please tell me how can i do this. Thanks Is it possible to include a header and footer file using HTML? I have my file as a .html and need to be able to include the HTML for the header and footer. Anyone know how I can do this? Can I put an HTML page within a html page in a table? I have this template that I need to email to people, it will not be on my website. Wow ever I need to change the information in one table every few days. The information is live I think it's called. It's like if I place google adsense in that table and decide to change it to ad-clicks later, I can't send everyone a new template, I need to be able to change just the information within that table. I'm going to go read up on frames, haven't used them in years. Any ideas! ~eDee i'm redoing my website. i'm just using html to make a table at the top where the tabs are to navigate around the siote. but in between the tabs theres a 1 or 2 pixel gap. i can't figure out how to get rid of it. heres a pictu heres my html for the table: <table width="946" height="103" border="0" bordercolor="000000" bgcolor="000000" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="83" colspan=11> <img src="4gcmain.bmp" alt="" width="946" height="83" border="0" bordercolor="000000" align="center" cellpadding="0" cellspacing="0">></a></td> </tr> <tr> <tr> <td height="32"> <img src="visual/left.bmp" alt="" width="118" height="32" border="0" bordercolor="000000" align="center" cellpadding="0" cellspacing="0"></a></td> <td> <a href="http://www.4th-gen-civic.com"><img src="visual/home.bmp" alt="" width="60" height="32" border="0"></a></td> <td> <a href="http://4th-gen-civic.com/forum/index.php?login=243077"><img src="visual/forum.bmp" alt="" width="71" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/model.htm"><img src="visual/model.bmp" alt="" width="111" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/swaps.htm"><img src="visual/swaps.bmp" alt="" width="131" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/b16.htm"><img src="visual/b16s .bmp" alt="" width="109" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/tech.htm"><img src="visual/tech.bmp" alt="" width="57" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/efs.htm"><img src="visual/efs.bmp" alt="" width="48" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/links.htm"><img src="visual/links.bmp" alt="" width="63" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/ef.htm"><img src="visual/ef.bmp" alt="" width="48" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/ef.htm"><img src="visual/right.bmp" alt="" width="121" height="32" border="0"></a></td> </tr> </tr> </table> Hi All, I have a problem for my new website about putting two columns of tables alongside each other. I have a table at present with 4 columns Year Player Year Player What I would like is to completely seperate the 2 / 2 columns with a gap between with no lines etc. ie: Year Player Year Player I have searched google etc., but cant find an answer. If you would like to see what I have done: http://www.rammyarchive.co.uk/RAMMYW...ABOUT/captains Many thanks, Vic Hi ! I'm programming in html and testing on phonegap my app. I wanna that my aplication opens a .xml file and dispose the information in a table. Code: <?xml version="1.0" encoding="ISO-8859-1"?> <EXTRACTO id="008450197/12/2009"> <MES_EMISSAO>Dezembro 2009</MES_EMISSAO> <CLIENTE id="0514867994"> <NIF>227723694</NIF> <NOME>ANTONIO PEDRO LEITE SANTOS</NOME> <MORADA>RUA DR EDGARDO SA MALHEIRO, 177 3-DTO</MORADA> <LOCALIDADE>BRAGA</LOCALIDADE> <CODIGO_POSTAL>4705-267 BRAGA</CODIGO_POSTAL> </CLIENTE> <IDENTIFICADOR id="42171790017"> <MATRICULA>90-95-VS</MATRICULA> <TRANSACCAO> <DATA_ENTRADA>-</DATA_ENTRADA> <HORA_ENTRADA>09:15</HORA_ENTRADA> <DATA>2009-11-24</DATA> <HORA>09:27</HORA> <DESCRITIVO>Cruz - Maia II</DESCRITIVO> <OPERADOR>BRISA</OPERADOR> <IMPORTANCIA>1.90</IMPORTANCIA> <TAXA_IVA>0.20</TAXA_IVA> <VALOR_IVA>0.32</VALOR_IVA> <DATA_DEBITO>2009-12-03</DATA_DEBITO> <CARTAO>7784337</CARTAO> <TIPO>Portagens</TIPO> </TRANSACCAO> <TRANSACCAO> <DATA_ENTRADA>-</DATA_ENTRADA> <HORA_ENTRADA>19:42</HORA_ENTRADA> <DATA>2009-11-24</DATA> <HORA>19:56</HORA> <DESCRITIVO>Maia II - Cruz</DESCRITIVO> <OPERADOR>BRISA</OPERADOR> <IMPORTANCIA>1.90</IMPORTANCIA> <TAXA_IVA>0.20</TAXA_IVA> <VALOR_IVA>0.32</VALOR_IVA> <DATA_DEBITO>2009-12-03</DATA_DEBITO> <CARTAO>7784337</CARTAO> <TIPO>Portagens</TIPO> </TRANSACCAO> This is my .csv file. Named: 008.450.197-12-2009 I want to enter in the table only the information of /TRANSACCAO Can you help me Thanks everyone! Hello. Thanks for taking your time to read this. I just set up a website www.austinbrister.com on my start page, the tables have funky heights and widths so everything isn't flowing smoothly. I am pretty good at Photoshop, so I got this far, but the html isn't exactly my strong point, can you help, please? Here's a basic picture of what I want & what I end up getting: I know how a basic table works: HTML Code: <table>
<tr>
<td>Left stuff here!</td>
<td>Center stuff</td>
<td>(nothing here...!)</td>
</tr>
</table>
But i'm not sure of the most effecient way of achieving the results I want... Help would be greatly appreciated! Hey Friends Im having issues using rowspan on an html table. The image above is almost where I need it to be. Here is my code and below . Under my code I am posting what it should look like. _________________________________________________________________ <table width="150" height="150" border="1"> <tr> <td> 1 </td> <td width="33%" height="33%"> 4 </td> <td rowspan="3" > 6 </td> </tr> <tr > <td height="33%" width="33%"> 2</td> <td rowspan="2" height="33%" width="33%"> 5 </td> </tr> <tr > <td height="33%" width="33%" >3 </td> </tr> </table> _____________________________________________________________ Here is what my image is supposed to look like. Thanks, Tom Hi People, I have designed a page layout in Firefox which looks nice in Firefox but not in Internet Explorer. In Firefox it displays with the background image nicely centered with the entire background image visible on screen. Everything is aligned as you would expect. In IE everything looks laid out right other than the entire table having moved to the right slightly, so it is no longer centered with my background image. It also have a scroll bar on the right and the bottom. The table contents moves up and down when you scrolll instead of it being fixed. Anyone able to advise where I start in fixing it for compatability? I am assuming that as everything is fine other than the alignment of the table in the HTML that this is what I need to look at but I am not sure. Hope someone can help or point me in the right direction. Thank you wedmonds Howdy everyone! I am new to the HTML world and my range of knowledge just extends to the basics. I am working trying to fix a webpage issue that has been bugging me for the past couple days and so I decided to browse the internet for help. I created a table in Chrome and it displays perfect but when you open up the same page in Internet Explorer, the table doesn't break down into new rows. It is one long row with a lot of columns. I don't understand, it displays fine in Chrome but not IE. I put the code below, please help! (Oh and i added anchors that scroll to the bottom where there is more information on the subject, those work fine in both browsers) <table width="100%" border="2" bordercolor="#336699" CELLPADDING="3" CELLSPACING="3"> <tr> <td><a href="http://www.utb.edu/sa/dos/Pages/vaginamonologues.aspx">"Vagina Monologues"</a></td> <td> Thursday, March 3 <br> 7:00 p.m. <br><br> Friday, March 4 <br>Noon and 7:00 p.m.</td> <td>SETB Lecture Hall </tr> <td><a href="#burningbras">"Burning Bras: The Power of Literature" Poetry Reading</td></a> <td> Friday, March 4 <br> 11:00 a.m.</td> <td> Endowment Courtyard </tr> <td><a href="#Centennial">"Centennial Anniversary of International Women's Day"</td></a> <td> Tuesday, March 8 <br> 1:40 - 3:00 p.m.</td> <td> 3rd Floor Conference Room, SETB </tr> <td><a href="#openhouse">"Centennial Anniversary of International Women's Day": Open House</td></a> <td> Tuesday, March 8 <br> 3:30 - 5:00 p.m.</td> <td> Office of Global Engagement, Lightner Center </tr> <td><a href="#iron">"Iron Jawed Angels" Film and Discussion</td></a> <td> Tuesday, March 8 <br>7:00 p.m. - 8:30 p.m.</td> <td> 3rd Floor Conference Room, SETB </tr> <td><a href="#self">Self Defense Seminar and Workshop</td></a> <td> Wednesday, March 9 <br>6:00 - 8:00 p.m.</td> <td> REK Center </tr> <td><a href="#women">Women's Leadership Conference</td></a> <td> Friday, March 25 <br> 2:00 - 7:00 p.m.</td> <td> EDBC, Salon Cassia </tr> <td><a href="#scorpion">Scorpion Historical Society presents "Equal Rights Amendment" Forum</td></a> <td> Monday, March 28 <br> 12:15 - 1:30 p.m.</td> <td> SETB Lecture Hall </tr> <td><a href="#professional">Professional Women Speak Spring 2011 Conference</td></a> <td> Saturday, March 26 <br> 10:00 - 2:00 p.m.</td> <td> EDBC, Salon Cassia </tr> <td><a href="#wellness">Women's Wellness Fair</td></a> <td> Tuesday, March 29 <br> 10:00 - 2:00 p.m.</td> <td> REK Center </tr> <td><a href="#sin">"Sin by Silence" and "In Her Own Words"</td></a> <td> Wednesday, April 6 <br> 7:00 - 8:30 p.m.</td> <td> SETB Lecture Hall </tr> </table> |
|||||||