Re: [css-d] coordinate link and li hover states?

2014-03-14 Thread Georg
Den 14.03.2014 23:02, skrev John: Is it that making the links block forces their "area of clickability" to take up all the space the parent affords? Yes, the link expands to full size of its parent-element, whatever that parent-element is. Typical example: see the list of links here...

Re: [css-d] coordinate link and li hover states?

2014-03-14 Thread John
On 3/14/14 2:42 PM, Georg wrote: Style list-items and links the other way round... nav li { display:inline-block; padding: 0; margin:0 6% 0 0; border-radius:3px; background-color:rgb(0,0,0); } nav ul li a{ display: block; line-height:1.65em; padding:.12em 1em .4em 1em; } ...and it will work as

Re: [css-d] coordinate link and li hover states?

2014-03-14 Thread Georg
Den 14.03.2014 22:17, skrev John: Right now, the li a:hover state appears visually before the a: hover state, depending on how fast you mouse over it, which could lead the User to believe that clicking on the color area around the actual link is enough to fire off that link...is there a way I c

Re: [css-d] coordinate link and li hover states?

2014-03-14 Thread Tom Livingston
On Fri, Mar 14, 2014 at 5:17 PM, John wrote: > I hope the bits below are enough, else the whole beast can be viewed at: > http://coffeeonmars.com/W200/test/DTake_Index.html > > Right now, the li a:hover state appears visually before the a: hover state, > depending on how fast you mouse over it, wh

Re: [css-d] coordinate link and li hover states?

2014-03-14 Thread Tom Livingston
> > You could have the be display: block; and add padding//bg color > etc. to achieve the look you are after. Remove the hover from the > . > Or as inline-block instead of block. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.c

[css-d] coordinate link and li hover states?

2014-03-14 Thread John
I hope the bits below are enough, else the whole beast can be viewed at: http://coffeeonmars.com/W200/test/DTake_Index.html Right now, the li a:hover state appears visually before the a: hover state, depending on how fast you mouse over it, which could lead the User to believe that clicking on