Not Solved how do i move a link
#1
Not Solved
i want to align my shout box link to the rite

click here for picture

what i tryed doing was editing the "toplinks" template, but the only way i could get the shoutbox link to aligh to the right was by doing
<ul>
<li><a href="$settings[bburl]/member.php?action=logout">Logout</a></li>
<li><a href="$settings[bburl]/usercp.php">User CP</a></li>
<li><a href="$settings[bburl]/admin/">Admin CP</a></li>
<li><a href="$settings[bburl]/memberlist.php">Member List</a></li>
<li><a href="$settings[bburl]/search.php">Search</a></li>
<li><a href="$settings[bburl]/misc.php?action=help">Help</a></li>
<li><a href="$settings[bburl]/calendar.php">Calendar</a></li>
<li><a href="$settings[bburl]/index.php">Home</a></li>
<div align="right"><a href="javascript: popupWin('shoutbox.php#bottom',350,350)">Shoutbox</a></div>
</ul>
but this makes the gap inbetween the home & shoutbox, the link for the shoutbox

so how can i align the link to the right (without the gap also been the link) ?
Reply
#2
Not Solved
<ul>
<li><a href="$settings[bburl]/member.php?action=logout">Logout</a></li>
<li><a href="$settings[bburl]/usercp.php">User CP</a></li>
<li><a href="$settings[bburl]/admin/">Admin CP</a></li>
<li><a href="$settings[bburl]/memberlist.php">Member List</a></li>
<li><a href="$settings[bburl]/search.php">Search</a></li>
<li><a href="$settings[bburl]/misc.php?action=help">Help</a></li>
<li><a href="$settings[bburl]/calendar.php">Calendar</a></li>
<li><a href="$settings[bburl]/index.php">Home</a></li>
</ul>
<div style="float: right;"><a href="javascript: popupWin('shoutbox.php#bottom',350,350)">Shoutbox</a></div>

That should work..
Reply
#3
Not Solved
yeh it did, cheers chris
Reply
#4
Not Solved
So to align you use <div style="float: right;"> instead of <div style="right">???
Reply
#5
Not Solved
Yes, because you can use style= in a div tag, which allows you to use CSS in it.

float: is a CSS definition.

So putting:

<div style="float: right;">something floating right</div>

Is the same as putting:

<style type="text/css">
.right {
float: right;
}
</style>

<div class="right">something floating right</div>

Smile
@ryanashbrook
Do NOT PM me for Support!
Reply
#6
Not Solved
which also mean it works on all browsers??

k776
Reply
#7
Not Solved
Usually both methods work.

* Ryan Ashbrook gotta wait the 60 seconds... I think that should be lowered to 30...
@ryanashbrook
Do NOT PM me for Support!
Reply
#8
Not Solved
the align thing duznt work on all browsers
in opera instead of being algned to the right like so
Link1 Link2 Link3
they are like this
Link 1
Link 2
Link 3
Reply
#9
Not Solved
that probably cause they are out of the ul tags. Try aligning a seperate ul menu on the right. eg:
<ul>
<li><a href="$settings[bburl]/member.php?action=logout">Logout</a></li>
<li><a href="$settings[bburl]/usercp.php">User CP</a></li>
<li><a href="$settings[bburl]/admin/">Admin CP</a></li>
<li><a href="$settings[bburl]/memberlist.php">Member List</a></li>
<li><a href="$settings[bburl]/search.php">Search</a></li>
<li><a href="$settings[bburl]/misc.php?action=help">Help</a></li>
<li><a href="$settings[bburl]/calendar.php">Calendar</a></li>
<li><a href="$settings[bburl]/index.php">Home</a></li>
</ul>
<div style="float: right;">
<ul>
<li><a href="javascript: popupWin('shoutbox.php#bottom',350,350)">Shoutbox</a></li>
<li><a href="$settings[bburl]/links.php">Links</a></li>
</ul>
</div>

Notice the new <ul> tags in the aligned div section.

k776
Reply
#10
Not Solved
k776 Wrote:that probably cause they are out of the ul tags. Try aligning a seperate ul menu on the right. eg:
<ul>
<li><a href="$settings[bburl]/member.php?action=logout">Logout</a></li>
<li><a href="$settings[bburl]/usercp.php">User CP</a></li>
<li><a href="$settings[bburl]/admin/">Admin CP</a></li>
<li><a href="$settings[bburl]/memberlist.php">Member List</a></li>
<li><a href="$settings[bburl]/search.php">Search</a></li>
<li><a href="$settings[bburl]/misc.php?action=help">Help</a></li>
<li><a href="$settings[bburl]/calendar.php">Calendar</a></li>
<li><a href="$settings[bburl]/index.php">Home</a></li>
</ul>
<div style="float: right;">
<ul>
<li><a href="javascript: popupWin('shoutbox.php#bottom',350,350)">Shoutbox</a></li>
<li><a href="$settings[bburl]/links.php">Links</a></li>
</ul>
</div>

Notice the new <ul> tags in the aligned div section.

k776

he wants to align all the links not just the shoutbox
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)