Need Help with HTML Table line up. :: Zikula Community

Get Zikula 1.3.3!New core, modules & more

Quick Links

Donate Today!Support your Software

Documentationlearn, share & develop

Watch

GitHub Core

Show your support for Zikula! Sign up at Github account and watch the Core project!

GitHub Modules

Forum Activity

internetking created topic »password problem« 25. May
mesteele101 responded to »ERR (3): E_USER_ERROR: Smarty error: [in pagesvar:pagesitem2en line XXX]…« 25. May
mazdev responded to »Pages 2.5.0 and updating - Page not found« 25. May
ehdwma created topic »Hide "Register new account" and change template to 3 col« 25. May
mesteele101 responded to »Zikula 1.3.3 - Selecting a category in Pages not working« 25. May
mdee created topic »How to implement returnpage ?« 25. May
nestormateo responded to »Fillters in Clip« 24. May

» Visit forum | » View latest posts

Zikula Blog

Anatomy of Open Source Projects on Mar 07
Continuous Review on Mar 01
Not Invented Here on Feb 24
How to Contribute Your Code at Github on Jan 13
10 Steps to Coding-Nirvana: Tips for Successful Module Writing on Nov 12
Submitting Bug Report Tickets That Get Results on Aug 17
Cozi Tricks #1: Syntax Highlighting on Aug 07

Need Help with HTML Table line up.

Print topic

**unknown user**

Rank: Helper

Registered: Mar 16, 2002

Last visit: Oct 21, 2009

Posts: 752
Posted: Dec 16, 2005 - 03:28 AM

Hey guys, I really need some help here:

I have a big space between my blocks and I don't know how to get rid of it:

Here is what it looks like:

Code
<table cellspacing="0" cellpadding="0" style="border: 0px none ; width: 750px;">
<tbody><tr>
<td class="txtw" style="padding: 3px 0px 3px 10px; background: rgb(204, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; text-align: left;">
 <br /></td>
<td class="txtw" style="padding: 3px 10px 3px 0px; background: rgb(204, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; text-align: right;">
<strong></strong> <br /></td>
</tr>
</tbody></table>
<table cellspacing="0" cellpadding="0" style="border: 0px none ; width: 750px;">
<tbody><tr style="vertical-align: top;">

<td style="padding: 0px; width: 198px; background-position: right top; background-repeat: repeat-y;">

<br /></td>


<td style="width: 552px; padding-top: 7px;"> <table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody><tr style="vertical-align: top;">
<td style="width: 50%;">

<br /></td>

<td style="border-left: 1px dotted rgb(204, 204, 204); width: 1%;"> <br /></td>
<td style="width: 49%;">

<br /></td>

</tr>
</tbody></table>
<div style="background: rgb(204, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;"> </div>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody><tr style="vertical-align: top;">
<td style="width: 55%; padding-top: 2px;">

<br /></td>
<td style="width: 45%;">

<br /></td>
</tr>
</tbody></table>
<div class="txt1"> </div>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody><tr style="vertical-align: top;">
<td style="width: 55%;">

<br /></td>
<td style="width: 1%;"> <br /></td>
<td style="width: 44%;">

<br /></td>
</tr>
</tbody></table></td>

</tr>
</tbody></table>
<table cellspacing="0" cellpadding="0" style="border-top: 5px double rgb(153, 153, 153); width: 750px;">
<tbody><tr>
<td style="text-align: center;"> <div style="padding-top: 5px; text-align: center;" class="txt"></div>
<br /></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table>

Also in that space if I can't get rid of it, I would like to put a long block that spans the width of it. How do I do that. Span=3 somewhere another somewhere?
Here is where I want it:

Thanks!

Thanks for any help you guys can give.

This is what the theme is suppose to resemble. Maybe I can put that grey divider in there as the background for the block.
http://www.templatem…nter-friendly/4545/
remmingtonshowdown

Rank: Softmore

Registered: May 22, 2004

Last visit: Apr 03, 2010

Posts: 451
Posted: Dec 16, 2005 - 04:52 AM

Try this code. Rather than the 3 horizontal tables with two columns you made I am making two vertical tables each with 3 rows... I don't know why its got a grey background-perhaps it has something to do with CSS... anyway...you'll see...

Code
<table cellspacing="0" cellpadding="0" style="border: 0px none ; width: 750px;">
<tbody><tr>
<td class="txtw" style="padding: 3px 0px 3px 10px; background: rgb(204, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; text-align: left;">
 <br /></td>
<td class="txtw" style="padding: 3px 10px 3px 0px; background: rgb(204, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; text-align: right;">
<strong></strong> <br /></td>
</tr>
</tbody></table>
<table cellspacing="0" cellpadding="0" style="border: 0px none ; width: 750px;">
<tbody><tr style="vertical-align: top;">

<td style="padding: 0px; width: 198px; background-position: right top; background-repeat: repeat-y;">

<br /></td>


<td style="width: 552px; padding-top: 7px;"> <div style="background: rgb(204, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;"> </div>
<table width="100%" height="62" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">Put the long block here</td>
</tr>
<tr>
<td width="50%"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table></td>
<td width="50%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table></td>
</tr>
</table> <p> </p>
<div class="txt1"> </div>
</td>

</tr>
</tbody></table>
<table cellspacing="0" cellpadding="0" style="border-top: 5px double rgb(153, 153, 153); width: 750px;">
<tbody><tr>
<td style="text-align: center;"> <div style="padding-top: 5px; text-align: center;" class="txt"></div>
<br /></td>
</tr>
</tbody></table>

Let me know if it works...

--
Burnham Racing
Illinois Cycling Association
**unknown user**

Rank: Helper

Registered: Mar 16, 2002

Last visit: Oct 21, 2009

Posts: 752
Posted: Dec 16, 2005 - 06:05 AM

Close here is what it looks like:
**unknown user**

Rank: Helper

Registered: Mar 16, 2002

Last visit: Oct 21, 2009

Posts: 752
Posted: Dec 16, 2005 - 12:05 PM

Hey Rem, I will try to play with it a bit to see if I can get them to line up.

Thanks!

-Rix