You are here: Re: Left border not wanted when list items wrap... « HTML « IT news, forums, messages
Re: Left border not wanted when list items wrap...

Posted by dorayme on 03/19/06 18:33

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"


> |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...

>
> > #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.

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
"&nbsp|&nbsp;" 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.

(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!)

--
dorayme

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация