Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Joomla Menu position

Options
  • 19-03-2010 9:57pm
    #1
    Keewee6
    Registered Users 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

  • Options
    #2
    Left
    Registered Users 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.


  • Options
    #3
    Keewee6
    Registered Users 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


  • Options
    #4
    Left
    Registered Users 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