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) ?
<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..
So to align you use <div style="float: right;"> instead of <div style="right">???
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>
which also mean it works on all browsers??
k776
Usually both methods work.
* Ryan Ashbrook gotta wait the 60 seconds... I think that should be lowered to 30...
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
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
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