Rebuilt logoheader content - Joomla! Forum - community, help and support

hello all!
i want modify beez5 template in such way place table contains 4 horizontally aligned cells witch placed differen content banners, plain text , modules. way use follows: try replace content between <h1></h1> tags in /templates/beez5/index.php 1 provided bellow:

code: select all

<div class="header_table">
                 
          <h1 id="logo">
          <table width="100%" height=100><tr><td border=0 width=300><?php if ($logo != null ): ?><img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />         
            <?php else: ?><?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
            <?php endif; ?>
            </td>
            <td width="20%">
            </td>
            <td width="30%">
            </td>
            <td width=30><div class="header1"><jdoc:include type="modules" name="position-0" /></div>
            </td></tr></table>
          </h1>
        </div><!-- end logoheader -->

i create additional styles in /beez.css can seen in above code - .header_table , .header1. in fourth cell assign place module position-0 place there standard module search, reason why i've created additional style .header1.
the styles i've created:

code: select all

.header_table{
   
    border: 0;
    height: 100px;
    margin: 0;
    padding: 0;
    text-align: center;
    }

.header1{
    font-size:12px;
    text-align: right;
}

but have problem!

1) there empty unusable space above table created in spite of i've done plenty of experiments attribute height of <table> tag.

2) can't make table's border disappear in spite of i've assigned in <table> border=0.

i'm sure there's should more elegant , simple decision case, want assisted in it.

thanks in advance reply,
rgrds )

the empty spaces above table caused style "h1#logo" in personal.css file, padding propertise.

code: select all

h1#logo {
    font-family: 'titillium maps',arial;
    font-weight: normal;
    margin-top: 0;
    padding: 0.9em 20px 20px 10px;
    text-transform: uppercase;
}

remove padding or change value liking.

the border defined in same file:

code: select all

tr, td {
    border: 1px solid #dddddd;
}

but don't want change since might effect other stuff somewhere else. best thing redefined in style,

code: select all

.header_table tr, td {
    border: none;
}


you might want remove "border:0" in .header_table.

the "height: 100px" clip table ... might want remove too, or set bigger value.