Autor Zpráva
jrw
Profil
Zdravím,

mám nainstalovaný compass, normálně to funguje ale když chci vložit např. obrázek na pozadí v screen.scss

background: {
    image: image-url("lopuch.png", false, false);
};

tak v screen.css se zobrazí toto:

background-image: url('/images/page-pozadi.jpg');

místo tohoto:

background-image: url('images/page-pozadi.jpg');

takže se ten obrázek nezobrazí.

když ale zadám celou cestu:

background: {
    image: image-url("http://localhost/bylina/images/lopuch.png", false, false);
};

tak to funguje ale já bych potřeboval aby fungovaly i relativní cesty. v config.rb mám toto:

# Require any additional compass plugins here.

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed

# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true

# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false


# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass


Nevíte kde by mohla být chyba?


Díky
tiso
Profil
hádam: http_path = ""
jrw
Profil
tiso:
To už jsem zkoušel ale nemá to na to vliv.
tiso
Profil
tak odkomentuj riadok 40:
relative_assets = true
jrw
Profil
tiso:
To už jsem taky zkoušel ale zřejmě to s tím taky nesouvisí.
Kcko
Profil
Nastav si images_dir to je cílový adresář pro obrázky a od toho se pak odvíjí cesta.
jrw
Profil
Kcko:
No ale jak, mě příjde že tak jak to je tj. images_dir = "images" je to správně. Nastavil bys to jinak? Adresáře jsou:

index.php
/images
/sass
/stylesheets
Kcko
Profil
jrw:
Já to mám nastaveno jinak, ale mělo by to fungovat. Zkoušel jsi restartovat sass?
jrw
Profil
Kcko:
To jsem nezkoušel, vlastně ani nevím jak se sass restartuje ale dělám na tom teď asi tři dni takže jsem to už několikrát spustil a zase zavřel což by mělo vyjít nastejno. Nebo ne?
Kcko
Profil
jrw:
místo tohoto:

background-image: url('images/page-pozadi.jpg');


To není ale relativní cesta k css souboru.

Při defaultní konfiguraci:

.my-image
{
    $url: "vlajky/Aberdeen.png";
    background-image: image-url($url);
    width: image-width($url);
    height: image-height($url);
    float: right;
}

=>

.my-image {
  background-image: url('../images/vlajky/Aberdeen.png?1272540034');
  width: 400px;
  height: 400px;
  float: right;
}

Jedině takhle je to správně
http_path = ""
relative_assets = true

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0