0
Welcome Guest! Login
0 items Join Now

How to format multiple {loadposition modules}

Last Post
Search Topic

  • How to format multiple {loadposition modules}

    Posted 15 years 9 months ago
    • I have been working on my site at http//www.youth1.com using Joomla's {loadposition} plugin to position 2 modules on my home page body section.

      What I am trying to do is have a rotator feature display to the left with a login feature just to the right of it. I can not figure out how to position this as correctly as right now they are displayed one below the other.

      Here is the code I have placed at the top of my main body article. How would I make these to loadposition entries to display side by side? Thank you - Mark

      {loadposition content_slideshow}{loadposition content_login}
    #361563

  • Re: How to format multiple {loadposition modules}

    Posted 15 years 9 months ago
    • Hello,

      You may try this:
      <div style="width:100%;display:block;">
<div style="width: 50%; float:left;">
{loadposition content_slideshow}
</div>
<div style="width: 50%; float:right;">
{loadposition content_login}
</div>
</div>
    #361758

  • Re: How to format multiple {loadposition modules}

    Posted 15 years 9 months ago
    • Arifin,

      As always thank you. Is it better to you the </div> tag for positioning or to use a table. Right now I have the content laid out using a table but I see most time rockettheme demo content laid out using </div> tags.

      Thank you

      Mark
    #361910

  • Re: How to format multiple {loadposition modules}

    Posted 15 years 9 months ago
    • Arifin, I modified the layout using the code you gave me. I made a few changes to adjust for spacing. It does seem to work but I noticed a problem with the login module viewed in IE 8. In Firefox everything displays correctly but in IE8 the login button is not in the correct position. You can see this by viewing my home page, www.youth1.com in both Firefox and IE.

      Is there anyway to correct this?

      Thank you - Mark
      <p><span class="dropcap-red">W</span>elcome to youth1.com - The World's Leader in Youth Sports News and Information. Our professional news staff covear tournaments, athletes and team news with the same focus as you will find in professional sports coverage. Join free today and experience youth1.com in action!</p>
<p><div style="width: 97%; display: block;">
<div style="width: 65%; float: left;">{loadposition content_slideshow}</div>
<div style="width: 35%; float: right;"><img alt="register" src="http://www.youth1.com/images/stories/youth1/youth1/register.png" width="300" height="75" />{loadposition content_login}</div>
</div>
    #361933

  • Re: How to format multiple {loadposition modules}

    Posted 15 years 9 months ago
    • Hello,

      The button looks same on both browser in my place. Could you please take me some screenshot?
    #362345

Time to create page: 0.083 seconds