|
|
Posted by Jonathan N. Little on 03/19/06 20:15
dorayme wrote:
> In article <441cd9f2$0$3681$cb0e7fc6@news.centralva.net>,
> "Jonathan N. Little" <lws4art@centralva.net> wrote:
>
>
>>dorayme wrote:
>>
>>
>>>In article <441caa73$0$3691$cb0e7fc6@news.centralva.net>,
>>> "Jonathan N. Little" <lws4art@centralva.net> wrote:
>>
>><snip>
>>
>>>Was it a total illusion of mine about last-child?
>>>I used FF (The web developer tools are a new toy for me, live
>>>changes to css or html tweaking!) When my
>>>
>>
>>last-child is in CSS3 proposal, but forget IE support! IE does even
>>support the first-child. You latest in IE has the leading '|' on the
>>first link and all links are slammed against left hand '|'s
>>
>
>
> "IE does even...", I assume typo and you mean "does not even"
>
Yep, typo is was late last night, and I'm dyslexic with my typing as well!
>>|LINK |LINK |...
>>
>>of course looks ok in real browsers ;-)
>
>
> Thanks for this Jonathan. It looks like it may be necessary to be
> turning on my Windows box more regularly...
Afraid so,demographics cannot be denied.
>>> #navStrip li:last-child {
>>>border: none;
>>>padding-left: 0;
>>>}
>>>
>>>was in the css, the last border of the row had no right visible
>>>margin bar. When I removed it, the bar appeared. I kid you not,
>>>it seemed to me to be doing what I wanted. So what is going on? A
>>>FF bug?
>>>
>
>
> I looked at your suggested:
>
> #navStrip UL {
> line-height: 2;
> margin: .2em;
> padding: 0;
> }
>
> #navStrip LI {
> display: inline;
> list-style-type: none;
> margin: 0 -.2em;
> padding: .25em .5em;
> border-left: 1px solid #00C;
> border-right: 1px solid #00C;
> }
>
> However, it makes for separators at the start and at the end? At
> least in FF 1.5 on a Mac.
Yes it does, intensionally for 2 reasons. 1) When the links wrap both
rows the links will be left in right bound with bars
| link | link | link | link | link |
| link | link | link | link |
instead of:
link | link | link | link | link |
| link | link | link | link
Which I thought was the problem you wanted to avoid and 2) with what
your are currently doing doen't work in IE.
IE:
link | link | link | link | link |
^^^
'Real' browsers:
link | link | link | link | link
>
> It seems such a tricky little thing to achieve across browsers
> and yet such a simple aim! Practically, I do not mind leaving out
> the separators altogether, the links are clear enough, certainly
> underlined they would be...
>
> It makes me wonder whether the better looking and scaling
> " | " technique I used to use might be adapted to be
> more acceptable. It is a presentational item in the html. I am
> only concerned about this in respect to practical effects: like
> unnecessary complication of screen reader output.
What I usually do since my navigation is inserted by server-side is the
links and in a array so PHP
echo '<div "links"[ ' . implode(' | ', $linkCodeArray) . ']</div>';
bingo go my link bar...
>
> (BTW, I took another look at the missing king thing, it has been
> years, and I had to rework it out! But it is a nice puzzle. It
> was in the Guardian, years ago and a prize was offered. I got it
> ok, but missed out on any goodies... there was a first come first
> served or lottery among the correct entries, I forget!)
>
I did not give the puzzle the attention that it deserved.
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|