|
Posted by Jonathan N. Little on 11/06/06 17:45
dorayme wrote:
> I realise the second inline list idea is better practice than the
> first one:
>
> http://members.optushome.com.au/droovies/test/footer.html
>
> I would like (for either) for the separators to be not so tall.
> Any ideas that I can understand ...? <g>
>
> Realise I may have had problems re this sort of thing in the past
> and someone like JL who has a memory like an elephant might
> rightly cane for it. Just seem to have lost that thread if it was
> the same sort of q.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Breaks in IE Of Course!</title>
<style type="text/css">
BODY { margin: 0; padding: 0; color: #333; background-color: #8D8FB5; }
#footer { margin: .1em auto; width: 25em; color: #FFF; background-color:
#8D8FB5; }
#footer A { font-size: .85em; text-decoration: none; color: #FFF;
background: #8D8FB5; }
#footer A:visited { color: #FFF; background-color: #8D8FB5; }
#footer A:hover { color: #F00; background-color: #8D8FB5; }
#footer A:active { color: #0C0; background-color: #8D8FB5; }
#footer UL { margin: 0; padding: 0; list-style: none; }
#footer LI { margin: 0; padding: 0; display: inline; }
#footer LI + LI:before { content: " | "; }
</style>
</head>
<body>
<ul id="footer">
<li class="firstListItem"><a href="http://www.y.com.au">website
design</a></li>
<li><a class="emailTo" href="mailto:admin@x.com.au" title="...opens
email message to contact us">email us</a></li>
<li><a href="http://www.x.com.au/offices/offices.html" title="...phone
numbers, addresses">contacts</a></li>
<li><a href="http://www.x.com.au/stockists/sunStockists.html"
title="...all our stockists">stockists</a></li>
<li><a href="http://www.x.com.au/termsOfTrade.html" title="...legal
document">terms of trade</a></li>
</ul>
</body>
</html>
I guess you could use JavaScript for IE's deficiencies to *insert* the
"|" where it will not do it via CSS... Or let it hang and maybe with a
little more "tough love" approach to design IE users will either switch
or MS will start cooperating... (it is the approach MS uses with
everybody else!)
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|