Page 1 of 1
Navigation Bar issue
Posted: 10 Apr 2010, 09:28
by 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> • </li>
<li><a href="yourlink">Test2</a> • </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 ?
Re: Navigation Bar issue
Posted: 10 Apr 2010, 10:56
by Steve
BAT » 10 Apr 2010, 09:28 wrote: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> • </li>
<li><a href="yourlink">Test2</a> • </li>
<li><a href="yourlink">Test3</a></li>
</ul>
Re: Navigation Bar issue
Posted: 10 Apr 2010, 12:39
by BAT
vectra-mods » 10 Apr 2010, 10:56 wrote:BAT » 10 Apr 2010, 09:28 wrote: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> • </li>
<li><a href="yourlink">Test2</a> • </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).
Re: Navigation Bar issue
Posted: 10 Apr 2010, 13:28
by 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> • </li>
<li><a href="yourlink">Test2</a> • </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>
Re: Navigation Bar issue
Posted: 10 Apr 2010, 16:34
by BAT
Thanks cisco007 . It worked
Re: Navigation Bar issue
Posted: 10 Apr 2010, 16:56
by 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!
Re: Navigation Bar issue
Posted: 11 Apr 2010, 02:57
by BAT
yes , it was ok previously , but after I installed the Simple Profile comment MOD , the nav bar got jumbled up.
Re: Navigation Bar issue
Posted: 11 Apr 2010, 03:06
by 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!
Re: Navigation Bar issue
Posted: 11 Apr 2010, 17:43
by 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 .