Jon Hughes wrote:
>
> <div id="bottomlinks">
> <ul>
> <li>This</li>
> <li>That</li>
> <li>The other</li>
> </ul>
> </div>
>
You have enough mark-up there for all the hooks you need. Start with the
following style:
<div id="bottomlinks">
<ul>
<li class="first">This</li>
...
<li class="last">The other</li>
</ul>
</div>
And roughly these styles:
#bottomlinks {
... styles ...
padding: 0;
background: url(top-left.gif) no-repeat 0 0;
}
#bottomlinks ul {
margin: 0;
padding: 0;
background: url(bottom-left.gif) no-repeat left bottom;
}
#bottomlinks .first {
width: auto;
background: url(top-right.gif) no-repeat right top;
}
#bottomlinks .last {
width: auto;
background: url(bottom-right.gif) no-repeat right bottom;
}
Your mileage may vary depending on how much restyling of the LIs you
might have to do (bullet points etc.), but that's the basic premise.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
