Re: Lining up with page edge.
- From: James A. Donald <jamesd@xxxxxxxxxxx>
- Date: Wed, 28 Sep 2005 13:11:35 -0700
On Wed, 28 Sep 2005 06:14:09 GMT, boclair <boclair@xxxxxxxxxxxxxx>
wrote:
> I would use something like this where the arrow gifs are background to
> the floated links. (The contextual selectors are only for ease of later
> management of the style sheet).
>
> Louise
>
> ____styles_____
>
> div.clear {
> clear: both;
> font-size: 0;
> }
>
> /* linkline PREV INDEX NEXT links */
> div.linkline {
> text-align: center;
> }
> div.linkline a {
> background: #FFFFFF;
> color: #0000FF;
> }
> div.linkline a:visited {
> color: #800080;
> }
> div.linkline a:hover {
> color: #FF0000;
> }
> div.linkline div.next a{
> background: url(next.gif) no-repeat right;
> float: right;
> padding-right: 20px;
> text-align: right;
> width: 200px;
> }
> div.linkline div.prev a{
> background: url(prev.gif) no-repeat left;
> float: left;
> padding-left: 20px;
> text-align: left;
> width: 200px;
> }
>
>
>
> ______Markup______
>
> <!-- PREV INDEX NEXT LINKS -->
> <div class="linkline">
> <div class="prev"><a href="preface.html">Preface</a></div>
> <div class="next"><a href="sect2.html">The Lesson, Section 2</a></div>
> <a href="index.html">Index</a>
> </div>
>
> <div class="clear"> </div>
> <!-- END PREV INDEX NEXT LINKS -->
Thanks.
That code is much nicer, and much more straightforward, and also has
much less formatting stuff in the markup - in fact no formatting stuff
in the markup - which is the way CSS is supposed to work.
--
http://www.jim.com
.
- References:
- Lining up with page edge.
- From: James A . Donald
- Re: Lining up with page edge.
- From: boclair
- Lining up with page edge.
- Prev by Date: Re: layer transparent Please HELP!!
- Next by Date: Re: layer transparent Please HELP!!
- Previous by thread: Re: Lining up with page edge.
- Next by thread: Resolved CSS
- Index(es):
Relevant Pages
|