x404.co.uk
http://www.x404.co.uk/forum/

Trying to create a Joomla template
http://www.x404.co.uk/forum/viewtopic.php?f=4&t=12738		 Page 1 of 1
Author:  Fogmeister [ Fri Feb 25, 2011 10:59 am ]
Post subject:  Trying to create a Joomla template
I'm trying to create a template for Joomla and it's going well so far.

One thing I have noticed is that there are NO tables being used!

I've been trying to create a menu bar that goes across the top of the site.

I would ideally like this to spread the menu items out evenly but I can't seem to get this to work.

The only way I've been able to do it so far is set the padding on the list items but then if the text size is changed it breaks the line and continues the menu on the next line.

Is there any othwer way of doing this? What if I wanted tab images behind the menu items there must be a way of setting the width?
Author:  Fogmeister [ Fri Feb 25, 2011 12:39 pm ]
Post subject:  Re: Trying to create a Joomla template
I think I've found a couple of ways around it.

I'll post tonight when I get home.
Author:  forquare1 [ Fri Feb 25, 2011 3:31 pm ]
Post subject:  Re: Trying to create a Joomla template
I usually make horizontal menus by putting the contents in an unordered list and displaying the list items as inline (i.e. CSS is "display: inline;" for <li> tags).

As for tables, I've been told not to use them for content layout for the last seven years...XHTML 1.1 and CSS all the way for me!
Author:  Fogmeister [ Fri Feb 25, 2011 3:41 pm ]
Post subject:  Re: Trying to create a Joomla template
forquare1 wrote:
I usually make horizontal menus by putting the contents in an unordered list and displaying the list items as inline (i.e. CSS is "display: inline;" for <li> tags).

That's what I'm doing.

Only if I have 5 menu items and I get the layout to spread them across the page...

Code:
Home     News     More     Contact     About


Then when I add a new menu item I get this...
Code:
Home     News     More     Contact     About
Extra


But what I actually Want is this...
Code:
Home   News   More   Contact   About   Extra


If I use padding to spread them out then I will have to change the css everytime I want to add a new menu item (or take one away).
Author:  finlay666 [ Fri Feb 25, 2011 4:12 pm ]
Post subject:  Re: Trying to create a Joomla template
Use relative padding in the CSS

An unordered list is what you want to be using
Author:  Fogmeister [ Fri Feb 25, 2011 10:33 pm ]
Post subject:  Re: Trying to create a Joomla template
finlay666 wrote:
Use relative padding in the CSS

An unordered list is what you want to be using

Well, I've given up for now.

I've got it looking right but if I add another menu item it wraps to the next line.

If I try any relative sizing it just doesn't spread them out at all...

Like this...
Code:
HomeNewsAboutContact                           
Page 1 of 1 All times are UTC
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/