Question

I have this syntax in my code, but it displays differently:

<a href="http://railstutorial.org/">Ruby on Rails Tutorial</a>

Result in browser:

(Ruby on Rails Tutorial(http://railstutorial.org

Can someone tell me whats wrong? I have a Rails 3.1.3 version and a ruby 1.9.2p0 version.

Answer 1

I had this same problem, it was solved by correcting my stylesheet linking, and a better understanding the Assets Pipeline. The Blueprint css folder I included as a result of an older rails tutorial was the source of the issue. I was allowing rails to compile something from these folders into my app/assets/stylesheets/application.css file incorrectly, without defining :media as screen or print.

I solved this issue by writing my own css files, including them in the same folder as app/assets/stylesheets/application.css, adding the .scss extension (style.css.scss) (rails 3.1.3) linking only to the “application” file, and deleting the Blueprint css library folder from my app/assets/stylesheets/ folder entirely, where it shouldn’t have been in the first place.

   #  For rails 3.0 and up, delete blueprint folder and
   #  put any custom css files you want in the app/assets/stylesheets folder by 
   #  themselves, adding the .scss extension.They should automatically be loaded into 
   #  application.css through  the assets pipeline.
   #  In your stylesheets helper layout file, or application layout file,
   #  (where ever you keep your stylesheet linking), only link to:

   stylesheet_link_tag "application"

Alternatively, if you’re not using 3.0 or above, and aren’t dealing with the Asset pipeline, the issue may be resolved by defining the media type of the stylesheets you are linking to:

   stylesheet_link_tag "blueprint/screen", :media => "screen"

There is another post referencing this issue:

Similar Problem…