Elemhez rendelt stíluslap - relativ url helyett abszolut url??
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.
■ 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.
különös
inline style
elméletileg neked van igazad...
egyébként bocsi az okfejtésért, csak az a helyzet, hogy valakinek be kell bizonyítanom, hogy nincs igaza...
relatív
Nagyon igaz!
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 :)