Jak správně zapsat v CSS cestu k obrázku?

ideasro

(19 hodnocení)

5. 6. 2018 16:26:28

Ahoj, často vídám zápis v CSS pro nalinkovaní obrázku (např pozadí) tímto způsobem:

background: url(../images/logo.png) no-repeat;

nebo

background-image: url(../images/logo.png) no-repeat;

Když má obrázek na mém ftp až ve složce images, jak to zapíšu ?

/styles/prosilver/theme/images/bg.jpg

Děkuji

5. 6. 2018 16:26:28

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-spravne-zapsat-v-css-cestu-k-obrazku/#reply1349900

adawolfa

(5 hodnocení)

5. 6. 2018 16:30:26

Buď absolutní cestou, pokud je adresář styles v rootu:

Nebo relativní cestou proti CSS. Pokud bude třeba CSS v adresáři styles/prosilver/theme/css/style.css, vypadalo by to takhle:

To znamená o úroveň výše, do adresáře images k souboru bg.jpg.

5. 6. 2018 16:30:26

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-spravne-zapsat-v-css-cestu-k-obrazku/#reply1349899

ideasro

(19 hodnocení)

5. 6. 2018 16:46:46

Díky, nějak mi to vynechává ale složku theme

Pozadí je v této složce -

Stylesheet.css je v této složce

Po zapsání stylu url(../images/bg.jpg) je načten v css ale chybí tam /theme, nenačte to tu složku.

Url s tím obrázkem je pak takový

Dá se to ještě nějak opravit ?

A tak už jsem na to přišel, místo dvou teček tam stačí být jedna.

5. 6. 2018 16:46:46

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-spravne-zapsat-v-css-cestu-k-obrazku/#reply1349898

krytos

6. 6. 2018 10:02:09

Tú bodku tam nepotrebuješ.

.. znamená rodičovská zložka, . Znamená súčasná zložka, ale tú tvoju cestu úplne stačí zapísať url(images/bg.jpg)

6. 6. 2018 10:02:09

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-spravne-zapsat-v-css-cestu-k-obrazku/#reply1349897

Víťa Kápička

(13 hodnocení)

6. 6. 2018 10:24:49

Totiž v adresáři theme/ je soubor se stylem a ten pak otevře adresář images/ který je na jeho úrovni a v něm je pak příslušný obrázek, tedy jak píše krytos images/bg.jpg

6. 6. 2018 10:24:49

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-spravne-zapsat-v-css-cestu-k-obrazku/#reply1349896

CSSguru.cz

(4 hodnocení)

6. 6. 2018 10:56:27

kdyz se vratim k puvodnimu dotazu tak do background-image muzes dat jenom cestu k obrazku, nikoliv i no-repeat. no-repeat je vlastnost background-repeat. obecne muzes vsecko zapsat jenom do background.

vice na https://www.w3schools.com/css/css_background.asp

doporucuju pouzivat relativni cestu, s tim, ze cesta se pocita od umisteni css souboru. '../' je prechod o slozku vys

6. 6. 2018 10:56:27

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-spravne-zapsat-v-css-cestu-k-obrazku/#reply1349895

Pro odpověď se přihlašte.

Přihlásit