Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
I've used negative spacing on the large sidebar links on the right at http://www.3stripe.net/
But when hovered over, the hover colour only stretches 96% of the way across the word, leaving an unchanged strip at the end.
Any way around this? (apart from using a gif of the text instead ;-) -
It looks OK to me, using Opera
-
Step one: try to fix yr invalid html. you've got this around yr navigation bar items...
<ul><h1>
<li>
then that chunk ends with:</ul></h1>
What you should probably have (or at least what I'd do) is something like:
<ul id="myconspicuouslyhugenavitems">
<li><a href="#">OMG BIG!</a></li>
</ul>
which would be easier to style (IMO).
ul#myconspicuouslyhugenavitems { padding:0; margin:0; }
ul#myconspicuouslyhugenavitems li { padding:0; margin:0 0 1em; font-size:4em; font-weight:bold; letter-spacing:-0.1em;}
ul#myconspicuouslyhugenavitems li a { color:#000; text-decoration:none; }
ul#myconspicuouslyhugenavitems li a:hover { color:#666; text-decoration:underline; } -
cool thanks nifkin. (just rememebered that i got lazy with wordpress and couldn't be bothered to fix the formatting)
-
I dunno if that's what's hosing it all up or not. But it can't be helping. :)
-
haha just noticed "myconspicuouslyhugenavitems". cheeky.
-
ok i've made those changes, same problem stil... hmmm
-
if you click a link, you'll notice (in FF at least) that the bounding box for the link covers the area that is changing color. Add 10px of right padding to those links and it will expand the bounding box and your entire text will change color, fixing the browser bug.
1 to 8 of 8