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