Sent by Lisa Milligan on 1 December 2004 19:07
I have a web-based course that has a three column layout with widths set to
percentages.
The middle column is used for the course content. I have "previous page" and
"next page" links at the bottom. I want the "next page" link to be
right-aligned within the <div>.
I have posted a sample page at
http://sandbox.research.umich.edu//LISA/template.html. Also, here is the
relevant code:
<div id="content">
<h1>Page Title</h1>
<p>The page content is contained here.</p>
<p>Navigation between module pages is available from text links at the
bottom of the page as well as the top-right nav buttons.</p>
<div id="bottomNav">
<a href="#previous">< previous page</a>
<a class="next" href="template_case.php">next page ></a>
</div>
</div>
Where the styles are defined as:
#content {
position: absolute;
left: 15%;
top: 60px;
width: 60%;
padding: 5px 5px 0 15px;
}
#bottomNav {
position: relative;
font-size: 80%;
border-top: 1px solid #999999;
padding: 10px 0 5px 0;
margin: 10px 0 5px 0;
}
#bottomNav a.next {
color:#CC3366;
text-align: right;
padding: 0 0 0 50%;
}
I would appreciate any suggestions you can offer.
Thanks!
Lisa
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
