Issue with header and banner position

Hello,

When I assign the module to header and banner_right position, it always stays at the left screen: http://goo.gl/go5Dns
Could you please help me to solve this?
Site: http://jreplay.com

Thanks,
Giang Anh

Hello,

Any body here please?

Thanks,
Giang Anh

Hi

I can see a lot of validation issues comming from Your content: http://validator.w3.org/check?uri=http% ... ne&group=0 Please fix some of them and problem should dissapear.

Hello,

I don't know how to fix them honestly...
Let me try to ask for the help from mijosoft's dev...

Thanks,
Giang Anh

Hi

First of all please try to hide component on the troubled page and compare the validation from before and after this test. This will tell You where the issue is. Please pay attention to errors like "Line 776, Column 30: End tag div seen, but there were open elements.", this kind can be causing the layout break as You have it right now.

Hi all,

The developer helped me to solve the validation issues. But the bug still happens.

Thanks,
Giang Anh

Hi

yes, but now I can see what is the problem. Please add this to override.css and make sure override is enabled in template settings:

Code: Select all

#gkBanners > div > div:first-child {
    margin-top: 0;
}


Thank you beitbite.
I applied but the layout is still bad. There are also strange color blocks there: http://screencast.com/t/W8rGMec6f2XO

Thanks,
Giang Anh

Hi

That's probably becuase it's prepared for specific modules like here: http://demo.gavick.com/joomla25/game/

I think we need to change approach. Please prepare an image which will explain how would You like the frontpage to looks like and I'll just make it.

Some thing like this: http://goo.gl/QX5tb0
Some module in the same line, if I have option for left and right, it would be great.

Hi

Ok. Lets create a new module position than.

Please edit /layout/default.php and under line 130, which looks like:

Code: Select all

      <div id="gkPageContent" class="gkPage">


add this code:

Code: Select all

<div id="gkCustomModules">
<div class="customModule">
    <jdoc:include type="modules" name="custom_module1" style="gk_style" />
</div>
<div class="customModule">
    <jdoc:include type="modules" name="custom_module2" style="gk_style" />
</div>
<div class="customModule">
    <jdoc:include type="modules" name="custom_module3" style="gk_style" />
</div>
<div class="customClear"></div>
</div>


after that add this to css:

Code: Select all

.customModule {
width: 33%;
float: left;
min-height: 1px;
}

.customClear {
clear: both;
}


I added but it doesn't work:
http://goo.gl/GuprJ7
Link: http://jreplay.com/

Thanks,
Giang Anh

Hi

Module positions are: custom_module1, custom_module2, custom_module3. Plese try using one of them.

It works. However they are not aligned center: http://goo.gl/5NV2WD
Is it possible to move them to center as the main menu?
Is there any way to add a container bar for them?

Thanks,
Giang Anh

Hi

Can You publish this modules for me so I can see how it looks like and come up with code to center ? Also what Do You mean by container bar ? Something like a different background color for this bar with modules ?

Re-enabled the modules.
For container bar, yes, like the main menu.

Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#gkCustomModules .sclogin {
    text-align: center;
}

#gkCustomModules .mijosearch_bg_module {
    margin: 0 auto;
}


Unfortunatelly I do not see a way to add this background for this bar. It's already inside other box which is not side, to side width.