|
HTML - Is Html Table Element Browser Cacheable?
hi,
i know the resources including java script files ,images and css files are cacheable. i really doubt, is HTML table elements ,tr elements and td elements are cacheable ? how does it works? Similar TutorialsJust getting my feet wet. using XMLSpy stylesheet designer to help guide. I'm converting XML to HTML, which is Microsoft's recommended way of controlling the import of XML into Excel. I've got the stylesheet below in productive use. However, I want to make one key change. I want the name of XML elements to become the text column headings so I can deal with files that have dynamic column names. Suggestions appreciated. Here is typical XML: <NewDataSet> <Table> <Name>Linda Britt</Name> <RFQCount>324</RFQCount> <RFQResponseCount>556</RFQResponseCount> </Table> </NewDataSet> Here is the stylesheet. See comments regarding what I'm trying to change. <xsl:template match="/"> <html> <head></head> <body> <xsl:for-each select="NewDataSet"> <xsl:for-each select="Table"> <xsl:if test="position()=1"> <xsl:text disable-output-escaping="yes"><table border="0"></xsl:text> </xsl:if> <xsl:if test="position()=1"> <thead> <tr> <td > <span>Buyer Name</span> COMMENT: I want this to be "Name" from element name. </td> <td > <span># RFQs</span> COMMENT: I want this to be "RFQCount" from element name. </td> <td > <span># Responses</span> </td> </tr> </thead> </xsl:if> <xsl:if test="position()=1"> <xsl:text disable-output-escaping="yes"><tbody></xsl:text> </xsl:if> <tr> <td> <xsl:for-each select="Name"> <xsl:apply-templates/> </xsl:for-each> </td> <td> <xsl:for-each select="RFQCount"> <xsl:apply-templates/> </xsl:for-each> </td> <td> <xsl:for-each select="RFQResponseCount"> <xsl:apply-templates/> </xsl:for-each> </td> </tr> <xsl:if test="position()=last()"> <xsl:text disable-output-escaping="yes"></tbody></xsl:text> </xsl:if> <xsl:if test="position()=last()"> <xsl:text disable-output-escaping="yes"></table></xsl:text> </xsl:if> </xsl:for-each> </xsl:for-each> </body> </html> </xsl:template> </xsl:stylesheet> IE8 and Chrome display this as I would like. Firefox does something strange: any cell that doesn't have a corresponding cell in the next row down will be extended into that row. Any ideas? HTML 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><title>
Untitled Page
</title>
<link rel="Stylesheet" type="text/css" href="/SMSTool.NET/css/StyleSheet.css" />
<style type="text/css">
table{
border-collapse:collapse;
border:solid black 1px;
}
td, th{
border:solid black 1px;
}
</style>
</head>
<body>
<table>
<tr><td>TD</td><th>TH</th><th>TH</th><td>TD</td></tr>
<tr><th>TH</th><td>TD</td><td>TD</td></tr>
<tr><th>TH</th><td>TD</td><td>TD</td></tr>
<tr><td>TD</td></tr>
</table>
</body>
</html>
I recently finished creating this html/css layout design. It's been put together with the use of tables, and is valid CSS and XHTML 1.0. However it just won't seem to show up correctly in any browser other than Internet Explorer. What is up!? Can someone please check my code over and help me out? I need to have this done by tomorrow and am totally lost! Thanks in advance! Here's the URL: http://barrel-house.ca/test/ hi how to make a table element collapse? I want to make a table, like the "legend" of a map, showing how different line styles correspond to road type (dirt, gravel, paved, etc.). In the first column of each row, I want to place a <canvas> and make the line by drawing in that canvas. To top it off, I want this table to be dynamic, only showing road types currently in use. So I make a table with a header row, and add rows using the .insertRow() method of DOM Table. Then I insert a cell in it using tr insertCell(). Then I create an innerHtml string. After escaping lots of doublequotes, my innerHtml string logs thus: <canvas id="line0" width="80" height="2" style="position:absolute"></canvas> Then I create a cell using DOM tr insertCell(0), and then newCell.innerHtml = myInnerHtmlString ; How can I access that canvas object so I can draw my line? My first attempt, document.getElementById("line0") returns null. I also tried to access it by drilling down. Even though the newCell.innerHtml logs as expected, newCell.childNodes is an empty NodeList, and indeed the DOM tree in the browser shows newCell as as empty, <td></td> It's like my canvas object is not really there yet. Same problem if I set innerHtml to "Hello World". Or am I doing this all wrong? Thanks, Jerry Krinock sorry this thread has been en error how to add images to the html select element. I mean in the options it should display images along with text. Thanks in advance I wish to change the html of my TD element by specifying a filename. The file I specify will include the new html I want the TD element to have. I do not know how to use innerHTML to do this. Thank you for any help you can provide. Hello everybody, Im currently working on a website that requires a message checker of sorts. Basically every 10 seconds a frame on the bottom of the page refreshes, that page checks for new messages and if any messages exist which the user hasnt been told about a dialoge appears. It also shows the total number of unread messages. Heres the problem: Everytime the message checker refreshes it puts an entry in the back history, so if a user sits at a certain page for a minute they would have to hit back more than 6 times to go back one page. For instance thier history would look like this: Message Checker Message Checker Message Checker Message Checker Contacts Message Checker Message Checker Communications Message Checker Is there a way to tell the browser not to register a certain frame in the history? I also made it so the message checker checks to see if anything has changed since the last refresh and if nothing had changed i made it go back a page but that has very mixed results and none of them desireable. Here is the current frameset code: PHP Code: </HEAD> <FRAMESET cols="1055"> <FRAMESET rows="950, 30"> <FRAME name="mainFrame" src='main.php' noresize=true frameborder=0 > <FRAME name="messageFrame" src='messageChecker.php' noresize=true frameborder=0 scrolling=no> </FRAMESET> </FRAMESET> </HTML> And heres the resulting html code from the message checker: PHP Code: <HTML> <HEAD> <TITLE>RIAC Message Center</TITLE> <meta HTTP-EQUIV="REFRESH" CONTENT="10"> </HEAD> <BODY bgcolor="#ECE9D8"> <SCRIPT language='javascript'> location.href='#messages'; </SCRIPT> <a name='messages'> </a><B>0</B> Open Communications <a href="./myMessages.php" TARGET="mainFrame">View Messages</a> </BODY> </HTML> Also, I tried using javascript code to refresh the page which had the same results. Any Ideas? I created a simple table with 2 rows 2 columns. I minimize the browser window into smallest window and I noticed that It screwing up my tables and the contents of it. They get squeezed as I resize the IE windows. How can I make the tables and its contents not to resize with the windows? Please help. Hi, So I am lost at how to do this, I have a server side program that scrapes websites (e.g amazon.co.uk) and modifies the content and reserves this as its own page. (I know this sounds naughty but intentions are honorable!) basically I want to set the page to be a header (of my website header) and an Iframe type element containing the full html of the scraped text. Similar to proxify.co.uk Looking at the page source of proxify, they needed to do some serious modification of the page they reserve to achieve this Any ideas how to achieve this simply for example say the page I scraped looks like <html> <body> scraped site </body> </html> I would like to be able to do <html> <body> my header <magic frame> <html> <body> scraped site </body> </html> </magiceframe> </body> </html> Hello, Was wondering if any one could please help me on this problem thats been hurting my brain for days. I deisgned a site for a friend orginally done the artwork in PS then sliced it up and over into dreamweaver. I ran over the code made sure every thing was ok I got rid of the <img> tags and put the graphics in as cell backgrounds except for the 2 links on the site which i left as anchored image tags, everything works fine but only in Firefox. As soon as you view the site in IE the links push the other cells down by a few pixels destroying the table layout. This only happens in IE for sum reason i have made sure that there are no borders around linked images in my style sheet and checked and re-checked the html. Please can someone cast an expert eye over the coding and see if there is a solution to this annoying problem. I hope this isnt too long and stupid as this is my first real post so if there is anymore info u mite need just let me know thank you. Greetings, This is my first post... I'm a novice web developer and pro drummer running www.ProMusicTeachers.com. The site is php/mysql, we have a search function smack in the middle of the index page that is set up as a <table>. The table should have a background image... this is the code I'm using is <table border="0" bgcolor="#FF9900" background="/images/searchgraphic.jpg" align="center" cellspacing="3" cellpadding="0" width="617"> to create the table, then comes the form. However, the background image shows up only in Safari, but not IE or Firefox. This seems like a very simple tag... and I swear last night it showed up in Firefox too but this morning will not. Any suggestions? Much thanks, Brian Im in the process of redoing my website. I originally did it in dreamweaver with a very cheesy method of just using hotspots. So Im going through and redoing it by hand in html. Im doing the index page right now and playing around with the idea of having the whole page in one table. My problem is the table isnt starting in the top left corner where I want it. I have the border set to "0" but theres still space around the table. How do I get rid of this space? I actually feel a bit ridiculous because i can't solve a problem that will probably be as easy as hell... anyway, i have a table with some collspans and rowspans in it, but i can't seem to be able to set the width for the site in IE... Here's a simple representation of the table, since it's generated dynamically with PHP, so the number of rows and columns is not always the same...but the structure is: HTML Code: <table> <tr> <th rowspan=2 style="min-width=120px;">left column header</th> <th colspan=2 style="min-width=120px;">column 1 title</th> <th colspan=2 style="min-width=120px;">column 2 title</th> </tr> <tr> <td style="min-width=60px;">value1</td> <td style="min-width=60px;">value2</td> <td style="min-width=60px;">value1</td> <td style="min-width=60px;">value2</td> </tr> <tr> <td>row1 name</td> <td>row1 col1 value1</td> <td>row1 col1 value2</td> <td>row1 col2 value1</td> <td>row1 col2 value2</td> </tr> </table> So it should look a bit like this: Code: ------------------------------- | 120px | 120px | 120px | | |---------|---------| | |60px|60px|60px|60px| |---------|----|----|----|----| |rowname1 |val1|val2|val1|val2| |---------|----|----|----|----| |rowname2 |val1|val2|val1|val2| ------------------------------- there can be more rows with rowname, and more columns with the colspans... now in mozilla firefox this works just fine, but not in IE...even worse, if one of the values in the columns that are supposed to be 60px wide is negative, IE inserts a break between the '-' symbol and the numbers... i'm using HTML 4.01 Strict by the way... If anyone can help with this problem I would be very grateful. It's a problem I notice on a fairly regular basis so I guess I am over looking something when I am working with tables. Basically my table sizes look completely different in IE than they do in Firefox. Here is an example of a table I'm working on that appears massive in firefox yet is keeping its correct dimensions of height 287 pixels in IE. http://www.orolin.co.uk/prices.html Can anyone shed any light on this problem?. It would be much appriciated. Many Thanks, Jamie So I have a table: HTML Code: <table width="800" height="600" border="0" align="center" cellpadding="0" cellspacing="0"> ... </table> I want to have the table be both horizontally and vertically centered in the browser window... How can I do this. I've looked at all sorts of html and css methods, but nothing has worked yet! Thanks Hi, am wondering if any one can help me. OK in Netscape I have this in my source: <meta HTTP-EQUIV="Author" CONTENT="Firewalker75.com, http://www.firewalker75.com/index/fw_100.jpg"> to see what I mean go to my site: http://ww.firewalker75.com you will see my logo in the browser with the addy It doesn't work in IE, I have the lastest version, hoe do I edit above so it shows in IE as well. I think it is html or is it script. Sorry a newbie on this Thanks Firewalker why the table i have dont expand over browser borders when sum of td widths is bigger than screen width? How can i overcome this problem? |
|||||||