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