How to get table to work?

liunx · Jan 9, 2008

I've added the <style></style> stuff on my page, but I just can't get tables to work with this code. I added the BODY code inside the STYLE, but the tables didn't appear nor cut the text on the page. So I tried to put the whole page inside the normal <body></body> stuff with the STYLE code still in. The page appeared as usual, which means WITHOUT tables. Hope you can help me.

Show us the code for the page.Style tags go in the HEAD of the document. The rest should go inside the BODY tags.Here's the code: 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<html> 
<head> 
<title>eXtrem multimedia</title> 
<style> 
BODY {SCROLLBAR-FACE-COLOR: #66CCFF; 
SCROLLBAR-HIGHLIGHT-COLOR: ; 
SCROLLBAR-SHADOW-COLOR: ; 
SCROLLBAR-3DLIGHT-COLOR: #000000; 
SCROLLBAR-ARROW-COLOR: #000000; 
SCROLLBAR-TRACK-COLOR: ; 
SCROLLBAR-DARKSHADOW-COLOR: #000000; 
MARGIN: 20px; FONT-FAMILY: tahoma,helvetica,sans-serif; 
background-image : url(bg.gif); 
background-attachment : fixed; } 
</style> 
</head> 
<body> 
<img src=http://www.webdeveloper.com/forum/archive/index.php/"logo.gif"> 
<table> 
<tr align="left" valign="absolute" width="250"> 
<applet code="ZChat.class" codebase="http://zchat.no" width="250" height="200"> 
<param name="language" value="norwegian"> 
<param name="private" value="false"> 
<param name="background" value="#FFFFFF"> 
<param name="foreground" value="#000000"> 
<param name="fieldtext" value="#000000"> 
<param name="fieldback" value="#FFFFFF"> 
<param name="buttontext" value="#000000"> 
<param name="buttonback" value="#E1E1E1"> 
<param name="listtext" value="#000000"> 
<param name="listback" value="#FFFFFF"> 
<param name="channel1" value="#Generell Chat"> 
<param name="channel2" value="#Alternativ Chat"> 
<param name="channel2" value="#Eksklusiv Chat"> 
</applet> 
 
</tr> 
<tr align="left" valign="absolute" width="100%"> 
</tr> 
</table> 
</body> 
</html>Ah, that's simple. You've missed out the table cell tag <td>. After each table row tag <tr> the content must go inside a cell tag.Actually, it's not that simple. I've tried to put the <td> stuff in, but it has no effect neither with or without <tr>s in it.Whether they work or not, cell tags are required in HTML.Yes, I know that, but the code just won't work! Actually, the <tr> tags were supposed to be <td> tags, I wrote them wrong. But everything works great as soon as I remove the <style> code, which means that the problem must be in there!Some of the styles aren't given any values! You can not leave them blank. 
 
So this: SCROLLBAR-HIGHLIGHT-COLOR: ;should be this: SCROLLBAR-HIGHLIGHT-COLOR:#FFF;Or whatever colour you prefer. [Tip: you can shorten the values if they are the same. So #FF6699 can be shortened to #F69.]I just wanted to leave them there for reference if I'd want to change them later. But even so, when I remove them the tables STILL won't work nor when I fill out values for them. WHAT am I doing wrong? 
 
I'm getting kinda desperate here!I just tested your code and it works for me. I added <td>s but removed the applet stuff. I see a broken image, then two rows of text. 
 
Have you tried adding border="1" to the table? 
 
Are you seeing any text in any cells at all? Are you sure the table really isn't there?Ok, listen. I'vre rewritten the whole code and it looks great (the page, I mean)! It works perfectly, but I still don't get why it didn't work earlier...Here's the new code. By the way, there were no problems at all with the <style> tags! It was the tables that were wrong!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<html> 
<head> 
<title>eXtrem multimedia</title> 
<style> 
BODY {SCROLLBAR-FACE-COLOR: #66CCFF; 
SCROLLBAR-HIGHLIGHT-COLOR: ; 
SCROLLBAR-SHADOW-COLOR: ; 
SCROLLBAR-3DLIGHT-COLOR: #000000; 
SCROLLBAR-ARROW-COLOR: #000000; 
SCROLLBAR-TRACK-COLOR: ; 
SCROLLBAR-DARKSHADOW-COLOR: #000000; 
MARGIN: 20px; FONT-FAMILY: tahoma,helvetica,sans-serif; 
background-image : url(bg.gif); 
background-attachment : fixed; } 
</style> 
</head> 
<body> 
<img src=http://www.webdeveloper.com/forum/archive/index.php/"logo.gif"> 
<table> 
<td align="left" valign="absolute" width="266"> 
<applet code="ZChat.class" codebase="http://zchat.no" width="266" height="200"> 
<param name="language" value="norwegian"> 
<param name="private" value="false"> 
<param name="background" value="#FFFFFF"> 
<param name="foreground" value="#000000"> 
<param name="fieldtext" value="#000000"> 
<param name="fieldback" value="#FFFFFF"> 
<param name="buttontext" value="#000000"> 
<param name="buttonback" value="#E1E1E1"> 
<param name="listtext" value="#000000"> 
<param name="listback" value="#FFFFFF"> 
<param name="channel1" value="#Generell Chat"> 
<param name="channel2" value="#Alternativ Chat"> 
<param name="channel3" value="#Eksklusiv Chat"> 
</applet> 
</td> 
<td valign="absolute" width="70%"> 
Velkommen til eXtrem Multimedia! Her kan du lese om musikk, du kan chatte, 
du kan finne info om software, hardware 
</td> 
</table> 
</body> 
</body> 
</html>Glad to hear it now works! But you still need the <tr> tags. Again, they are required by HTML.it doesn't seem that way; 1. the page works fine without those damn <tr> tags, and 2. I won't take the chance of screwing up the page again

Thanx for all your help by the way, I'd never have found the error if I didn't get to know that the error WAS in the <table> code. Thank you very much!Well, there's one more thing I want to ask you for; 
 
Do you know any good menu scripts? 
 
I'm adding a fancy menu to my page, but I don't want to write the code myself.It's not a matter of leaving out tags that don't seem to work. You have to write code that follows the HTML spec. Otherwise other browsers can screw up your page. 
 
For instance, I can leave out the end table tag </table> and my page still works. But try it in Netscape 4 and the table disappears! 
 
<tr> denotes a new row. If you only use one row, then sure, it will work. But what happens when you want a table with two rows in it? 
 
If the code breaks when adding the <tr> tags, then there is a problem inside the table somewhere. 
 
Lastly, what does valign="absolute" do? I thought valign ('vertical-align') was either "top" or "bottom" or "center". 
 
Sorry to be picky, but any employer would not employ someone if they looked at their code and saw missing tags. Plus it will cause you problems later on when your code gets more complex.

How to get table to work?

liunx

Guest