move right column next to header

Author Message
joomla_tatsu
Posted: 1/5/2011
Quote message 

Hey Everyone,

I have been looking on the forums but as of yet not been able to find a solution. Hope someone more clever then I can help.

I would like to reduce the size of the header and menu divs to 75% rather then the 100%. Which will allow room to mover the right column up next to the header.
<br/>
<table border="1"><tr><td>header</td><td rowspan="3">right</td></tr><tr><td>menu</td></tr><tr><td>main column</td></tr></table>
<br>
I've tried moving the close div tags around but all ive managed to achieve is reducing the whole body sheet width to 75%.
<br/>
<table border="1"><tr><td>header</td><td rowspan="4">-----</td></tr><tr><td>menu</td></tr><tr><td>main column</td></tr><tr><td>right modules publishing here</td></tr><tr><td colspan="2">footer</td></tr></table>
<br>

Any ideas?

 
joomla_tatsu
Posted: 1/5/2011
Quote message 

CORRECTION - footer is publishing in line with the end of the header

Quote joomla_tatsu:

<br/>
<table border="1"><tr><td>header</td><td rowspan="5">-----</td></tr><tr><td>menu</td></tr><tr><td>main column</td></tr><tr><td>right modules publishing here</td></tr><tr><td>footer</td></tr></table>
<br>


 
joomla_tatsu
Posted: 1/5/2011
Quote message 

Update...

so moved:

<div class="art-header-jpeg"></div>
<jdoc:include type="modules" name="user3" />

inside the art-header <div> and I deleted some close divs that weren't meant to be there that i must have left behind while playing around with the containers. The end result being that layout structure below.


<br/>
<table border="1"><tr><td>header</td><td rowspan="2">-----</td></tr><tr><td>menu</td></tr><tr><td>main column</td><td>right modules publishing here</td></tr><tr><td colspan="2">footer</td></tr></table>
<br>

So the header is publishing to the side and the main column and the right column are where they should be. HOWEVER the right column is not next to the header, instead theres a heap of empty space where i want it to be.

Its a CSS issue but i cant find the right tag to change. Any ideas?
 
joomla_tatsu
Posted: 1/5/2011
Quote message 

so the solutiuon:

move the following code: 

<div class="art-header">     <div class="art-header-jpeg"></div>     <jdoc:include type="modules" name="user3" /> </div>  <jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" /> <?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?>


to below; 

<div class="art-content-layout">

    <div class="art-content-layout-row">

<div class="art-layout-cell art-<?php echo artxCountModules($document, 'right') ? 'content' : 'content-wide'; ?>">


so that your code looks something like this: 

<div id="art-main">

<div class="art-sheet">

    <div class="art-sheet-tl"></div>

    <div class="art-sheet-tr"></div>

    <div class="art-sheet-bl"></div>

    <div class="art-sheet-br"></div>

    <div class="art-sheet-tc"></div>

    <div class="art-sheet-bc"></div>

    <div class="art-sheet-cl"></div>

    <div class="art-sheet-cr"></div>

    <div class="art-sheet-cc"></div>

    <div class="art-sheet-body">



<div class="art-content-layout">

    <div class="art-content-layout-row">

<div class="art-layout-cell art-<?php echo artxCountModules($document, 'right') ? 'content' : 'content-wide'; ?>">



<div class="art-header">

    <div class="art-header-jpeg"></div>

    <jdoc:include type="modules" name="user3" />

</div>



<jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" />

<?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?>



<?php

  echo artxModules($document, 'banner2', 'art-nostyle');

  if (artxCountModules($document, 'breadcrumb'))

    echo artxPost(null, artxModules($document, 'breadcrumb'));

  echo artxPositions($document, array('user1', 'user2'), 'art-article');

  echo artxModules($document, 'banner3', 'art-nostyle');

?>

<?php if (artxHasMessages()) : ?><div class="art-post">

    <div class="art-post-body">

<div class="art-post-inner">

<div class="art-postcontent">

    <!-- article-content -->



<jdoc:include type="message" />



    <!-- /article-content -->

</div>

<div class="cleared"></div>



</div>



		<div class="cleared"></div>

    </div>

</div>

<?php endif; ?>

<jdoc:include type="component" />

<?php echo artxModules($document, 'banner4', 'art-nostyle'); ?>

<?php echo artxPositions($document, array('user4', 'user5'), 'art-article'); ?>

<?php echo artxModules($document, 'banner5', 'art-nostyle'); ?>

</div>



<?php if (artxCountModules($document, 'right')) : ?>

<div class="art-layout-cell art-sidebar1"><?php echo artxModules($document, 'right', 'art-block'); ?>

</div>

<?php endif; ?>



    </div>

</div>


Hope this can help someone else out :-)
 
joomla_tatsu
Posted: 1/5/2011
Quote message 

[SOLVED]