Html Tables W/ Css

[kamera1]

my site look horrible ! i have 2 vertical tables and the left one seems to merge into the right one.

 

take a lookie here: http://redesign.the-napkin.org/

 

 

is there a HTML guru in the house? (:

 

 

it might have something to do with the Movable type code...

 

 

speaking of MT, I didn't know TCH had a MT "how-to" page!

[TCH-Don]

Welcome to the Family

 

and your new home!

 

In looking at your source code I only see one table

<TABLE>

a table row <TR>

two horizontal cells

<TD>

.

.

</TD>

some code that should be inside the top <TD>

<TD>

.

.

</TABLE>

 

but no closing row </TR>

before the closing table tag.

 

Although the page renders the same with or without the corrections.

 

 

We really are like family here.

So if you need anything,

just ask your new family!

We love to help

[woesap]

I think what you want is:

1 - MOre space between the two columns

2 - More space between the border of the cel and the text

 

or maybe both:-)

 

Well this can be established by:

1 - Celspacing - Amount of space between two cells. In nothing is declared there is no space other then the one suggested by border,

Try

>cellspacing=5

 

2 - Celpadding - Amount of space between the border and the text . Nothing declared and aligned left it's directly agains the border.

Try

>cellpadding=5

 

For your page it would be something like:

><TABLE BORDER=1 cellspacing=5 cellpadding=10>

 

Try it out and see if I am right and if this is what you want.

Good luck.

[kamera1]

thank you both for your fast and helpful responses.

 

 

the cellpadding and spacing are both at "10" so i don't know what else to do. that HR line above the "posted by" seems like it might be part of the problem but it looks like it's a Movable type thing.

 

i guess configuring an html template made in Blogger for use in MT is nearly impossible. :/

[woesap]

Maybe you can first tell us what you exactly want. Two equal sized columns in the center? To the left???

 

Maybe then we can help you any further...

 

grtx

[kamera1]

oh i apologize for not being completely clear. my mind is in overload with all this coding.

 

what i want is a 2 column site. the left one about 400 pixels in width and the right one about 225 in width.

 

this is what i see on my browser:

 

what i dont like is that white space that merges into the right column because obvs. that's not supposed to be there.

 

i'm just trying to fixt that glitch that's all.

thanks for replying.

[TCH-Don]

I am not seeing that

this is what I see in firefox and IE

[kamera1]

oh my goodness this is terribly frustrating.

that design looks horrible in Safari & IE 5.2.

but in Netscape & Firefox it looks alright. GRR.

 

there isn't anything i can do is there?

[TCH-Don]

You could fix the html errors mentioned above

view your source code and you will see code between the cells

 

</td>

<br> <-- not needed

<td>

 

 

 

 

in the middle you have extra <td>

or no closing </td>

 

 

</TD>

 

<TD align=left VALIGN=TOP BGCOLOR="#CFECEC" WIDTH="10" CELLPADDING="5" CELLSPACING="5">

 

<BR>

 

 

<TD align=left

 

 

 

 

 

at the end you have two cell ends

 

</TD> <--- extra ?

 

</FONT SIZE>

</div>

 

<!-- End #sidebar -->

 

</TD>

</TR>

</TABLE>

[kamera1]

thanks a lot. i got it to look better.

[TCH-Don]

No fair! you went tableless

[kamera1]

yeah ultimately, the html template just wasn't working with movable type. i saved it and i'm going to keep working on it tho' (:

 

 

oh hey, one more question pls:

 

the css coding on the sidebar on the right is messed up here ( http://blog.the-napkin.org ) and it should look like this sidebar ( http://redesign.the-napkin.org ). what gives? it's the same css template.

[woesap]

the css coding on the sidebar on the right is messed up here ( http://blog.the-napkin.org ) and it should look like this sidebar ( http://redesign.the-napkin.org ). what gives? it's the same css template.

 

Maybe it's this?

>http://blog.the-napkin.org: 
<div id="right">
<div id="sidebar">

 

>redesign.the-napkin.org
<div id="right">
<div class="sidebar">

 

Ergo one is declared as a DIV css and one as a class css.

 

It could make a difference.

 

Good luck

[kamera1]

thanks so much TCH peeps!

(i don't even know the difference between a div and class. :/

but i'm not planning on any more site redesigns )