Alan S
|
I am new to Joomla. I have published my site and I am in the process of making adjustments and adding content. I have decided that I want to center the top menu but cannot figure out how to do it by editing the CSS. I have looked throughout the various menu and template managers but cannot find a place to align it to the center, it is currently aligned left. Please help. Thanks
|
|
Center
|
Align = Center
|
|
Alan S
|
Thanks but I have looked all over the place for somethig so simple. Where exactly in either the code or the Joomla dashboard do I find this? I know I can do it in Artisteer, I want to be able to it with the CSS after the template has been loaded onto the server. Thx
|
|
art-menu
|
Maybe art-menu?
|
|
Alan S
|
Maybe? Sounds like a reasonable posit to me, but I did not find it. If anyone knows I would appreciate the info. Thx
|
|
|
<ul class="art-menu">
It is art- menu. Search for it in style.css.
|
|
Alan S
|
I do not have a style.css, I have template.ie6.css, template.ie7.css, template.css, print.css, and editor.css - also, the template.css has decided that is is now unwriteable, how do I change that? This is all really new to me and I would like to learn it, any suggestions on a straightforward start to finish reference? Thx again
|
|
What?
|
What version did you say you were using?
|
|
Alan S
|
I am using Joomla 1.5 with an Artisteer template.
Is Wordpress or Drupal easier to use or more intuitive than Joomla is for a CMS noob? Or are they all about the same. I am willing to do what it takes to learn, but prefer the simplest most intuitive route poossible. Thx
|
|
Wordpress
|
Well the new wordpres 3.1 is pretty sweet.
http://wordpress.org/news/2011/02/threeone/
Anyone can pretty much learn wordpress at first glance. Very intuitive.
|
|
This
|
This is in template.css for joomla.
Pretty easy to find at that.
/* begin Menu */
/* menu structure */
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
outline: none;
}
.art-menu, .art-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background: none;
}
.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}
.art-menu li li
{
float: none;
}
.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background: none;
min-height: 0;
background-image: url('../images/spacer.gif');
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}
.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}
.art-menu:after, .art-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu{
min-height: 0;
padding: 6px 6px 6px 6px;
float: left;
}
.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* menu structure */
|
|
Garry
|
Installing Firebug on Firefox and inspecting the elements may be very helpful.
|
|
Artisteer is ur friend
|
You can center the horizontal menu in Artisteer 3 Beta
Menu | Styling | Align | Layout
Options are Left, Center, or Right justified.
[can't say for sure about 2.6 as I don't use it]
Enjoy
|
|