Jump to content

Guide: "How to destroy a table"


Norman
 Share

Recommended Posts

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.

Link to comment
Share on other sites

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 -->

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

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.
Link to comment
Share on other sites

  • 1 month later...

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.

Link to comment
Share on other sites

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}

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

I am no expert, but try JavaScript.

Link to comment
Share on other sites

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.
Link to comment
Share on other sites

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;	}}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...