[thelist] Re: photo gallery

[Carol Whitney]

At 21:37 05-06-20 -0700, Charles Stuart wrote:

>Hi,
>
>I'm creating a photo gallery with those handy-dandy next/previous
>links that each take up half of the photograph.

Oh. I came about my handling of next/previous in a very strange and 
roundabout way, not the least of which was my total ignorance. This 
is very kludgy, and not fully styled, but here's the code from one of 
my recent individual photo-pages:

[code]
             <div id="navprevnext">
<ul>
<li><a href="rgal01phot01.htm"><strong>Prev</strong></a></li>
<li><a 
href="zgalryrot01.htm">&nbsp;&nbsp;&nbsp;<strong>Up</strong>&nbsp;&nbsp;&nbsp;</a></li>
<li><a href="rgal01phot03.htm"><strong>Next</strong></a></li>
</ul>
             </div>
[/code]

Note the kludgy non-break spaces. At least it's not gif-spacers.

 From my CSS (single external style sheet for the whole site):

[code]

ul#navprevnext {
margin-left: 0;
padding-left: 0;
background-color: #9cf;
white-space: nowrap;
}

#navprevnext li {
display: inline;
list-style-type: none;
}

#navprevnext a {
padding: 3px 10px;
}

#navprevnext a:link, #navprevnext a:visited {
color: #fff;
background-color: #036;
text-decoration: none;
}

#navprevnext a:hover {
color: #cff;
background-color: #33f;
text-decoration: none;
}

[/code]

I have a funny feeling I could improve on this, a lot; it's just that 
I'm so very new to web-making that I can't see my way to doing it; 
rather, how-to.

Tue, 21 Jun 2005  04:10:17

Carol Whitney
http://www.coherentdog.org/
*** I receive plain text only. To attach a file, notify me first. ***