Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

Joomla Menu position

  • 19-03-2010 09:57PM
    #1
    Registered Users, Registered Users 2 Posts: 287 ✭✭


    ok so im designing my template and joomla as a cms is working i really like it . found some menus on the JED but it having trouble putting it in the correct place on my template any ideas

    tanks very much


Comments

  • Registered Users, Registered Users 2 Posts: 59 ✭✭Left


    A few more details would be helpful. Are you designing a template from scratch, or have you downloaded and edited one? Or maybe you're using the ones available with the Joomla install?

    It depends where the module positions are placed, which can vary depending on the template. By adding
    ?tp=1
    
    to the end of the url
    eg. http://www.yoursite.com?tp=1 you can see the existing positions.

    It's a good place to start. Post some more if this doesn't help.


  • Registered Users, Registered Users 2 Posts: 287 ✭✭Keewee6


    hi thanks - i want to design a joomla template and have a bit done but having problems positioning things on the site

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml&quot; xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
    <head>
    <jdoc:include type="head" />
    </head>
    <body>
    <div id="container">
    <div id="header"><jdoc:include type="modules" name="top" /> </div>
    <div id="sidebar_left" class="float"><jdoc:include type="modules" name="left" /></div>
    <div id="content" class="float"><jdoc:include type="component" /></div>
    <div id="sidebar_right"class="float"><jdoc:include type="modules" name="right" /></div>
    <div id="footer" class="clear"><jdoc:include type="modules" name="footer" /></div>
    </div>
    </body>
    i include my template code - thanks in advance


  • Registered Users, Registered Users 2 Posts: 59 ✭✭Left


    I'm guessing you're a bit new to this?
    :)
    I suggest you start here - The basics of CSS positioning, including floats.
    http://www.brainjar.com/css/positioning/

    Anywhere you have class="float" should actually be style="float: left;" OR style="float: right;". This is what will line up your divs horizontally.

    I would recommend though, that you use an external CSS file, instead of inline styles, as in the example above. So instead, for the sidebar_left div, you would have
    div#sidebar_left {
    float: left;
    }

    in a file called template.css.
    Then you add a link in the <head> like this
    <link href="css/template.css" rel="stylesheet" type="text/css">
    and include a CSS file in your template folder. Joomla templates typically have a designated CSS folder.


Advertisement