Blog Documentation Book a Demo
Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

CSS list linking error?

Mr. FahrenheitMr. Fahrenheit
edited November 2005 in Vanilla 1.0 Help
For some reason in Firefox, it seems this is the only place it does this, when you click a link in the navigation list on my website, they move... It only happens when you click them. Take a look: http://onemanshortproductions.com It has been bothering me for a LONG time now... and any attempts at a fix were futile. Can anyone help?

Comments

  • KrakKrak New
    I think it is the borders. When you click, the active link has a right white border.
  • Mr. FahrenheitMr. Fahrenheit
    Yeah I noticed... but I've applies the same css to the active link and visited... only hover has different css.
  • KrakKrak New
    Ah, I think I found it. Another piece of your stylesheet was causing it. The very last one, #footer. Line #325. #footer ul li a:hover, #nav ul li a:focus, #nav ul li a:active{ color: #c10000; border-right: 0.1em solid white; text-decoration: none; } Thats causing the text to move, and to add the border on the right.
  • KosmoKosmo
    When working with links I might share a small nugget of knowledge I think many of you find useful. It's called "LoVe HAte" or "LVHA" it describes the order you should put your links in the stylesheet so that they don't overrule eachother. a:link a:visited a:hover a:active Use this method and you can be sure that there is no browser problems.
  • gigingergiginger New
    That's a fine piece of advice. Thanks.
  • Mr. FahrenheitMr. Fahrenheit
    Aha! Ty Krak. Lol, such a small oversight.
  • Mr. FahrenheitMr. Fahrenheit
    can i get some constructive criticism on the design?
  • KosmoKosmo
    It's rather nice, maybe bit heavy witht the header and the left side image, they could be bit softer and maybe you could use some real photos for them, like scan a strip of film, like some 35mm film and maybe you could get some nice images from some stock from somewhere. But other than that, the site is easy to navigate, has information presented nicely. I don't have any problem using that.
  • Mr. FahrenheitMr. Fahrenheit
    Thanks. I'll look into that. know of nay good stock photo sites?
  • KosmoKosmo
    Try stock.xchng and stockvault.net.
  • timberfordtimberford
    "an independant film company" is a bit close to the nav for my liking and cause of the way the words are spread out quite a lot they look a bit like they could be links.

    other than that i'd say it's well presented and tidy.
  • Mr. FahrenheitMr. Fahrenheit
    Ah. It just so happens I was actually gonna take that over and put it over under One Man Short Productions, or remove it all together, hadn't decided. I want to shorten the width of the actual logo size. I'll see what I can do. Thanks for your comments.
This discussion has been closed.