css - Why is my Compass spriting not linking to the right image? -
i'm trying use css sprites in website, , have before compass, image link ever off pictures today.
i have project root index.html file in it, styles/ folder, style.css file , sass folder in style.scss.
my config.rb file, within styles folder root, looks like:
http_path = "/" css_dir = "" sass_dir = "sass" javascripts_dir = "javascripts" images_dir = "../images" output_style = :compressed
and i'm trying show images with:
a { @include twitter-sprite(twitter-icon); display: block; height: 27px; margin: auto; width: 31px; &:hover { @include twitter-sprite(twitter-icon-hover); } }
i have @import "compass";
@ top.
i have in html: <a href="http://twitter.com/syllableapp"></a>
and want set background.
but whenever try view image on webpage, won't show up, box still clickable. when inspect it, says address is/../images/whatever
.
set http_images_path
the full http path images on web server.
in case compass inferring http_images_path
= http_path
+ images_dir
= /../images/
.
setting relative_assets = true
may solve it.
Comments
Post a Comment