|
|
Posted by Jonathan N. Little on 06/10/06 04:18
dorayme wrote:
> In article
> <doraymeRidThis-6500D9.13483210062006@news-vip.optusnet.com.au>,
> dorayme <doraymeRidThis@optusnet.com.au> wrote:
>
>> In article <20335$448a3889$40cba795$26953@NAXS.COM>,
>> "Jonathan N. Little" <lws4art@centralva.net> wrote:
>>
>
>>> Well your still can using a list...you got me thinking and this is what
>>> I came up with:
>>>
>
>> Lemme me try this right now!
>>
>> Nope, no go in any of my Mac browsers (IE, Safari, iCab, Opera,
>> FF)?
>>
>
> Stop! I was wrong. It _does_ work in _all_ my browsers including
> IE.
>
Really? Does not work in IE6. But MacIE5 is a different beast than Win
version.
> No good in IE Win, you sure? What about IE7?
>
No idea... I am still running Windows 2000, not interesting in
Fisher-Price GUI of XP.
> If it is no good in Win IE 5 and 6, I could practice my "speak
> only to IEWin" conditionals or hacks (I like these things, they
> are fun and I like life being awkward, I like chaotic
> intersections when driving, I feel like in the dodgem cars at fun
> fairs...
>
Look at this one:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
UL.linkbar { list-style: none; }
UL.linkbar:before { content: "[ "; }
UL.linkbar:after { content: " ]"; }
UL.linkbar LI { display: inline; }
UL.linkbar LI + LI:before { content: "| "; }
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<ul class="linkbar">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</body>
</html>
Works in Gecko and Opera but again no IE. It is a horizontal list but no
styling. IE appears to support neither the adjacent element selector nor
the :before and :after pseudo classes. Gotta love the old piece of crap!
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|