Table spacing problem

Worker Joined: Dec 08, 2005 Posts: 107

I have an extra PHPNuke (RN 2.02) module for the start page. Several pieces of information are displayed in various cells of a table. I have a problem were there is some extra space at the beginning of a table that I cannot get rid of. I saved the output and uploaded here:

http://www.linux-tutorial.info/index_test3.html

after the site title and before the tag line "The place where you learn Linux", there is a large space. In this example, the title is in a separate table, followed by a new table for the information blocks. If I put them in the same table the space appears before the title block. The relevant block of code looks like this:

Code:

<table border="0" cellpadding="0" cellspacing="0" width="100%">


<tr valign="top">


<td class="welcome_title_box" valign="top" colspan="2">


<div align="center" class="welcome_main_title">


Welcome to the <br>Linux Knowledge Base and Tutorial</div>


</td></tr></table>


<table border="0" cellpadding="0" cellspacing="0" width="100%"  >


<tr><td valign="top" width="50%">


<span class="subtitle">"The place where you learn Linux"</span>


<br><br>


Looking for an in-depth and easy-to-understand introduction to Linux? 


Then look no further!


<br>


We don\'t just show you how to execute a handful of commands and use a few utilities. The Linux Tutorial goes beyond the basics, providing you with the knowledge necessary to get the most out of your Linux system.


<br><br>


Jump right in by clicking


<a href="http://www.linux-tutorial.info/modules.php?name=MContent&pageid=224">


here</A>.


</td>

If I remove this code:

Code:

</table>


<table border="0" cellpadding="0" cellspacing="0" width="100%" >

the space appears before the site title. I have tried all sorts of combinations of spacing and alignment, but I cannot get rid of this space. Any ideas would be appreciated.

regards,

jimmo

Sells PC To Pay For Divorce Joined: Posts: 5661

you didnt edited it before ?
The code you posted is original ?

registered · Posted: Sat Mar 24, 2007 8:53 am

In some browsers the DIV tag will produce extra space. You are also using the same class for the TR tag as the DIV tag. Is that really right? You don't want those formatting the same way do you? Including spacing????

Posted: Sat Mar 24, 2007 9:08 am

thats what so weird..
the

Code:

Welcome to the Linux Knowledge Base and Tutorial

is inside div welcome main title but below that the the space doesnt show any style..
thats why i asked if its edited before.

Posted: Sat Mar 24, 2007 9:14 am

hitwalker wrote:

you didnt edited it before ?
The code you posted is original ?

I simply cut-n-paste right out of the file.

Posted: Sat Mar 24, 2007 9:16 am

well it doesnt show any style in firefox developer,thats weird...

Posted: Sat Mar 24, 2007 9:23 am

montego wrote:

In some browsers the DIV tag will produce extra space. You are also using the same class for the TR tag as the DIV tag. Is that really right? You don't want those formatting the same way do you? Including spacing????

If I remove the whole DIV containing the title, I still have the space above the tag line. This says to me that it is not related to the division. However, it seems that we are on the same line of thinking that this row is pulling the formatting from somewhere else. Admittedly I am not really all that good with CSS/formatting.

Posted: Sat Mar 24, 2007 9:25 am

hitwalker wrote:

well it doesnt show any style in firefox developer,thats weird...

What part is not showing any style?

Posted: Sat Mar 24, 2007 9:35 am

montego wrote:

You are also using the same class for the TR tag as the DIV tag.

The cell has the class "welcome_title_box", the DIV has the class "welcome_main_title". I am missing something?

Posted: Sat Mar 24, 2007 9:37 am

Well i can explain it a bit better i hope...

Your text Welcome to the Linux Knowledge Base and Tutorial is covered by this style..

div (line 5)

{

font-family: Verdana,Helvetica;

font-size: 11px;

}

.welcome_main_title (line 46)

{

color: #ffffff;

font-size: 16pt;

font-weight: bold;

}

below that you have 2 boxes covered by this style:

td (line 2)

{

font-family: Verdana,Helvetica;

font-size: 11px;

}

thats all the design the center has...
but the test page isnt the same as the live site is it?

Posted: Sat Mar 24, 2007 10:43 am

The live site is RN 2.02 and the test page was created on RN 2.10. Since he style sheet is set to themes/Slash/style/style.css, the test page still pulls it from the live server, right? In any event, those seem to be the values from the style.css file.

On the live site and the test file are greated from a PHP script. On the live site, the header DIV and text at the top come out of a file. This is the file /Misc/intro.html. The DIV with the site header is its own table, the main text is paragraphs, outside of table. Then come the blocks, which are again tables. If you look at the live site, the space comes before the next table. On the site site, where the page comes from, the PHP script generates the code. However, I do not see any difference in behavior.

If I remove the code up to the table with the tag line and intro text, the space is still above that table. This increases by suspicion that the formatting is being pulled from somewhere else.