Navigation Bar issue

[BAT]

My board's navigation bar looks like the attached image .
As you can see that its messed up, I want to put the right side links in an extended Nav Bar.

The code for extending the nav bar is this, which should be fed in the overall_header.html

Code: Select all

<ul class="linklist navlinks2">
   <li><a href="yourlink">Test1</a> &bull; </li>
   <li><a href="yourlink">Test2</a> &bull; </li>
   <li><a href="yourlink">Test3</a></li>
</ul>

Using this above mentioned code the link will be displayed center aligned.

can any body tell me , what would be the code if I want the link in this extended bar to be right aligned ?

[Steve]

My

can any body tell me , what would be the code if I want the link in this extended bar to be right aligned ?

try this code ?

Code: Select all

<ul class="linklist rightside">
   <li><a href="yourlink">Test1</a> &bull; </li>
   <li><a href="yourlink">Test2</a> &bull; </li>
   <li><a href="yourlink">Test3</a></li>
</ul>

[BAT]

My

can any body tell me , what would be the code if I want the link in this extended bar to be right aligned ?

try this code ?

Code: Select all

<ul class="linklist rightside">
   <li><a href="yourlink">Test1</a> &bull; </li>
   <li><a href="yourlink">Test2</a> &bull; </li>
   <li><a href="yourlink">Test3</a></li>
</ul>

Thanks; but the code you provide is the original code, and is already in use showing the right aligned links which are there at present ...

what I want is to remove those right aligned link (as they are clustered with the left aligned), extended the nav bar , put the removed right align link in the extended nav bar and make them right aligned (so that it looks clean).

[cisco007]

so if you are saying that you want to make the navbar bigger, then try this!

Code: Select all

<ul class="linklist2 navlinks2">
   <li><a href="yourlink">Test1</a> &bull; </li>
   <li><a href="yourlink">Test2</a> &bull; </li>
   <li><a href="yourlink">Test3</a></li>
</ul>

then open up common.css
find:

Code: Select all

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}

Add after:

Code: Select all

ul.navlinks2 {
   font-size: 12px;
   margin-top: 1px;
   padding-top: 4px;
   padding-bottom: 2px;
   margin-bottom: 1px;
   border-top: 1px solid #FFFFFF;
   text-align: right;
}
ul.linklist2 li {
	display: block;
	list-style-type: none;
	float: right;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

cause you won't get anything aligned center with ul and li you will have re-modify the navbar using <div>

[BAT]

Thanks cisco007 . It worked

[cisco007]

thanks, not problem, i have been doing that to the header and the footer on all my styles, way to many links and not enough room!

[BAT]

yes , it was ok previously , but after I installed the Simple Profile comment MOD , the nav bar got jumbled up.

[cisco007]

don't know what to tell you! check the edits you did to it whether you did them manually or using automod, i don't have that mod installed so can't really tell you! but i would suggest just to recheck the edits!

[BAT]

yes its ok now , actually I removed the View you post from the navbar and now its looking good ...
and I don't ever use automod ; you can say its just a superstition ; actually I can't rely on automod and I feel like it may distort the installation of the mods
I feel safe installing it manually .