Guide: "How to destroy a table"

Norman · September 17, 2007

Don't take care on the title ( ), just looking at my screen:Why? Why it doesn't go in a new line when is reaching the end of the <td> table, scrawing my table?

boen_robot · September 17, 2007

Some code would be good in order to identify the issue, but I'm assuming you haven't adjusted any white space settings. So add this within your CSS

td {white-space: normal;}

If that doesn't work, and something tells me it won't, I'll really need to see some code.

Norman · September 17, 2007

Ok, this is my code.

<!-- Skullmonkeys Official Web Site --><body><table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" align="center">  <tr>	<td valign="middle"> 	  <table width="1050" border="1" cellspacing="1" cellpadding="0" align="center" bgcolor="#666666" bordercolor="#333333" height="600">		<tr> 		  <td colspan="6" height="35" bgcolor="#000000"> 			<div align="center"> <img src="images/skullheader.jpg" border="0" width="747" height="121" alt="Skullheader" /> </div>	   </td>		</tr><tr><td  height="2" style="text-align: center;" colspan="6" bgcolor="#333333" bordercolor="#333333"><table width="50%" border="1" bordercolor="#333333" cellspacing="0" cellpadding="0" height="100%" align="center"><tr>	<td bgcolor="#cccccc"> 	<!-- Skull Flash Menu --><div style="position: relative; left: +20px; absolute; top: 0px;"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=550 HEIGHT=30><PARAM NAME=movie VALUE="skullflashmenu.swf?tarframe=_self&exbackground=808080&makenavfield0=Home&makenavurl0=http://localhost/skullmonkeys/index.html&makenavfield1=News&makenavurl1=http://localhost/skullmonkeys/news.html&makenavfield2=Band&makenavurl2=http://localhost/skullmonkeys/band/index.html&makenavfield3=Media&makenavurl3=http://localhost/skullmonkeys/media.html&makenavfield4=Guestbook&makenavurl4=http://localhost/skullmonkeys/guestbook.html&makenavfield5=Lyrics&makenavurl5=http://localhost/skullmonkeys/lyrics/index.html&makenavfield6=Pensieri&makenavurl6=http://localhost/skullmonkeys/pensieri/index.html&makenavfield7=End&makenavurl7=http://localhost/skullmonkeys/end.html"><PARAM NAME=loop VALUE=false><PARAM NAME=menu VALUE=false><PARAM NAME=quality VALUE=high><PARAM NAME=scale VALUE=noborder><PARAM NAME=salign VALUE=LT><PARAM NAME=wmode VALUE=transparent><PARAM NAME=bgcolor VALUE=#000000><EMBED src="skullflashmenu.swf?tarframe=_self&exbackground=808080&makenavfield0=Home&makenavurl0=http://localhost/skullmonkeys/index.html&makenavfield1=News&makenavurl1=http://localhost/skullmonkeys/news.html&makenavfield2=Band&makenavurl2=http://localhost/skullmonkeys/band/index.html&makenavfield3=Media&makenavurl3=http://localhost/skullmonkeys/media.html&makenavfield4=Guestbook&makenavurl4=http://localhost/skullmonkeys/guestbook.html&makenavfield5=Lyrics&makenavurl5=http://localhost/skullmonkeys/lyrics/index.html&makenavfield6=Pensieri&makenavurl6=http://localhost/skullmonkeys/pensieri/index.html&makenavfield7=End&makenavurl7=http://localhost/skullmonkeys/end.html" loop=false menu=false quality=high scale=noborder salign=LT wmode=transparent bgcolor=#000000  WIDTH=550 HEIGHT=30 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT></div><!-- / Skull Flash Menu --></td></tr></table></td></tr>		<tr> 		  <td bgcolor="#333333"  height="2" bordercolor="#333333" background="images/tablebanner.gif" align="center" width="68%"> 		 		  <div style="text-align:center; color:#FF0000; font-family:Verdana; font-size: 60%;"><strong>...gli Skullmonkeys sono finalmente Online! <font color="#000000" size="1" face="Arial, Helvetica, sans-serif">.</font></strong></div>		  </td>		</tr>		<tr bgcolor="#000000" valign="middle"> 		  <td height="215" colspan="6"> 			<table width="770" border="0" cellspacing="0" cellpadding="0" height="220" align="center">			  <tr> 				<td width="794" height="278" valign="top"> 				  <table width="760" border="0" cellspacing="0" cellpadding="0" align="center" height="8">					<tr> 					  <td height="2"> </td>					</tr>									  </table>				  <table width="760" border="1" cellspacing="1" cellpadding="0" height="209" bordercolor="#333333" align="center">					<tr bordercolor="#333333"> 					  <td style="text-align: center;" height="2" bgcolor="#000000" bordercolor="#000000" valign="middle" 					  background="images/tablebanner.gif">					  <font style="color:#009900; font-family:Verdana; font-size: 60%"><strong>						<font style="color: #999999;">::</font> Skullmonkeys Official Web Site <font style="color: #999999;">::</font>						</strong></font> 					   </td>					</tr>					<tr bordercolor="#333333"> 					  <td style="padding: 25px; white-space: normal;" height="223" bgcolor="#000000" bordercolor="#666666" background="images/indextable.png"  valign="middle"> 					  <div style="color: white; font-family: Verdana; font-size: 70%">Benvenuti nel sito officiale degli Skullmonkeys. Nelle varie sezioni, che si dividono in News, Band, Media, Guestbook, Lyrics, Pensieri ed End, troverete rispettivamente: 					  <br  /><br />					  <ul>  <li>Test</li>  </ul>    <br />  <br />					  Mettere il menu Flash nella tavola parente, non in quell'altra creata. Mettere nei CSS le definizioni per i tag, etc. Centrare le tavole sotto il 					  menu flash, e personalizzarle per ogni pagina. Cambiare banner. Aggiungere ? e ! a lato del menu flash. Allargare un poco la tavola principale. 					  </div>					  </td>					</tr>				  </table>				  <table width="760" border="0" cellspacing="0" cellpadding="0" align="center" height="8">					<tr>					  <td height="2"><font color="#000000" size="1" face="Arial, Helvetica, sans-serif">.</font></td>					</tr>				  </table>				</td>			  </tr>			</table>					  </td>		</tr>		<tr bgcolor="#333333"> 		  <td colspan="6" height="2"> 			<div align="right"><font style="font-size:65%; font-family:Verdana; color: #999999;">Copyright © 2006 - 2007, Skullmonkeys. All rights reserved.  ¥  </font> 			</div>		  </td>		</tr>	  </table>	</td>  </tr></table></body><!-- / Skullmonkeys Official Web Site -->

boen_robot · September 17, 2007

Here's how it looks to me in IE from a local copy:I don't see a problem.

Norman · September 17, 2007

Yes, but try to add something like: "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" to the text.

boen_robot · September 17, 2007

There's only a problem if you write the content directly into the TD. Writing it in a div makes everything OK. Since you're already using sloppy markup, you could probably let it go and just wrap all of your content into <div>s or <p>s.

Norman · September 17, 2007

Do you mean I'm not using the <div> tag (this is what my english let me understand)? I'm using a div tag man!

jlhaslip · September 17, 2007

Inside a table-based layout.

boen_robot · September 17, 2007

Inside a table-based layout.

Yes. That's what I was trying to say. Sorry.I meant that instead of:

					  </div>Content					  </td>

You'd use

					  </div><div>Content</div>					  </td>

justsomeguy · September 18, 2007

This only happens if you write giant pieces of text without a space in them. If there's no space, the browser isn't going to break and wrap the text automatically. Are you planning on having giant lines of text with no spaces like that?

Norman · September 18, 2007

Yes. That's what I was trying to say. Sorry.I meant that instead of:
					  </div> Content 					   </td>
You'd use
					  </div> <div> Content </div> 					   </td>

Isn't it already on divs?

This only happens if you write giant pieces of text without a space in them. If there's no space, the browser isn't going to break and wrap the text automatically. Are you planning on having giant lines of text with no spaces like that?

Ah! Now I understand. No, I do not plan to write it, but I was just testing.

Ok, great. I know another thing.

Norman · October 28, 2007

Ok, now I have the same problem. My main problem is that right now I have another table with a text that is fully costumizable by users, so I would like to set a limit to this thing; for example, if an user write a text like 'AAAAAAAAAAA', then I have my page layout destroyed... and I don't know how can I avoid this problem.

Synook · October 28, 2007

The only thing I can think of at the moment is a PHP solution

$error = 0;$words = explode(" ", $user_submitted_text);foreach ($words as $word) {	if (strlen($word) > 100) $error++; //If the word is longer than 100 chars}if ($error) {	echo "You have $error words that exceed the character limit in your text! Please rectify.";} else {	//Continue with user submission}

Norman · October 29, 2007

Arg. Is there not an HTML specification? That's becouse I'm working on a forum template (called postbit_legacy).. so if I want to use a PHP code, I have to edit another PHP file..

Reg Edit · October 29, 2007

Arg. Is there not an HTML specification? That's becouse I'm working on a forum template (called postbit_legacy).. so if I want to use a PHP code, I have to edit another PHP file..

Well, you could place a text input element inside your table cell, and set its maxLength attribute:

<table>	<tr>		<td>			<input type="text" id="text1" style="border:none" maxlength="10">		</td>	</tr></table>

Nim199 · October 29, 2007

I am no expert, but try JavaScript.

jlhaslip · October 29, 2007

if an user write a text like 'AAAAAAAAAAA', then I have my page layout destroyed... and I don't know how can I avoid this problem.

but a delete button on the postings would fix that, and a banned user status. Hard to code for stupidity.

Synook · October 30, 2007

Arg. Is there not an HTML specification? That's becouse I'm working on a forum template (called postbit_legacy).. so if I want to use a PHP code, I have to edit another PHP file..

You could just replacate my function in JavaScript but remember it is always possible to disable / modify client-side scripts!

function checkWordLength() {	error = 0;	words = document.getElementById('user_text_input').split(" ");	for (word in words) {		if (word.length > 100) error++; //If the word is longer than 100 chars	}	if (error > 0) {		alert("You have " + error + " words that exceed the character limit in your text! Please rectify.");		return false;	} else {		return true;	}}

Guide: "How to destroy a table"

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Archived