ugrás a tartalomhoz

Elemhez rendelt stíluslap - relativ url helyett abszolut url??

Matyi Gábor · 2008. Jún. 13. (P), 09.37
Sziasztok!

Egyik kép nem jelenik meg a weboldalamon. Belenéztem a böngészővel a html forrásba, és az alábbit látom:

<td style="width:50%; height:919px; background-image:url(images/left.jpg); background-repeat:repeat-x">

picit lejjebb pedig ez van, ezutóbbi kép megjelenik.

<img src="fileadmin/templates/13278/site/images/c_name.gif" alt="" border="0" style="margin-left:14px" width="143" height="44" />

Ha az images/left.jpg útját átirom fileadmin/templates/13278/site/images/left.jpg -r, a kép rendesen megjelenik. Ez számomra furcsa, mert a css specifikáció is azt írja, hogy elemhez rendelt stíluslap esetén a relativ út megadásakor a bázis nem a html fájl, hanem a css stílusfájl.

A header részben több stíluslap is van, a bázis ebben az esetben ez, ami rendesen szerepel a header részben, az abban szereplő formázások rendben értelmeződnek:

<link href="fileadmin/templates/13278/site/style.css" type="text/css" rel="stylesheet" />

Van e valakinek ötlete, hogy nálam miért nem úgy működik, amit a specifikációban olvasok?

Ja az oldal természetesen XHTML 1.01 Transitional és CSS 2.1 Valid.
 
1

különös

Szekeres Gergő · 2008. Jún. 13. (P), 10.09
elméletileg mennie kell, próbáld meg hogy megadod a <base href="" /> taget. mindegyik böngészőben hasonló?
2

inline style

vbence · 2008. Jún. 13. (P), 10.22
Viszont a fenti:
<td style="width:50%; height:919px; background-image:url(images/left.jpg); ...
részben nincs szó semmilyen CSS fájlról, hiszen ez a hivatkozás egyáltalán nem css fjlban van, hanem a HTML-be ágyazva.
3

elméletileg neked van igazad...

Matyi Gábor · 2008. Jún. 13. (P), 11.22
időközben én is átgondoltam: ebben az esetben az relativ út a html fájl kell hogy legyen és nem a css doku...mert mi van akkor, ha több css fájl is tartozik a html fájlhoz?

egyébként bocsi az okfejtésért, csak az a helyzet, hogy valakinek be kell bizonyítanom, hogy nincs igaza...
4

relatív

Poetro · 2008. Jún. 13. (P), 13.47
Az útvonal minden CSS file esetén az aktuális CSS fájlhoz képest relatív. Ha a CSS deklaráció a HTML dokumentumon belül történik, akkor a HTML dokumentumhoz képest.
5

Nagyon igaz!

Ustak · 2008. Jún. 13. (P), 22.52
Vagy két óra netes keresés után jöttem rá erre régebben-azt hittem a firefox bugos (lehet égő:))
Ha a css-ed külön könyvtárban van, akkor az útvonal így kezdődik ../ magyarul kilép előbb a könyvtrából.
Tehát pl: a könyvtárak:
/script/fuggvenyek.js //==>útvonal normálisan images/image.jpg
/css/stilus.css /==> útvonal ../images/image.jpg
/images/image.jpg
Persze inline style-okkal biztos másképp van (én mindig külön file-ba rakom) De érdemes észben tartani :)