Autor Zpráva
Wily.
Profil *
#1 · Zasláno: 14. 12. 2004, 01:27:23
Odpovědět Citovat
Neviete prečo mi nechce vykresliť obrazok ?

v *.html mam

<body>
<div id="Stranka">
<div id="Obrazok">
</div>
</div>
</body>

v *.css mam

body div#Stranka div#Obrazok
{
background-image: url("Obrazok/Centrum.jpg")
}

-----------------
ostatne triedy a identifikatory v *.css mi funguju
22k
Profil *
#2 · Zasláno: 14. 12. 2004, 01:55:19
Odpovědět Citovat
nedal si mu sirku a vysku bych rekl ...
Kráťa
Profil
#3 · Zasláno: 14. 12. 2004, 02:06:44
Odpovědět Citovat
Zkus dát to pozadí do kořene a napiš jen background-image: url("Centrum.jpg")
:-)
mat
Profil
#4 · Zasláno: 14. 12. 2004, 02:09:46
Odpovědět Citovat
asi bych používal malá písmena jak u jmen souborů či divů apod., ale tady asi chybí jaksi středník:
{
background-image: url("Obrazok/Centrum.jpg");
}
Wily.
Profil *
#5 · Zasláno: 14. 12. 2004, 02:16:00
Odpovědět Citovat
nechcem sa omezovať kódom takže treba najisť sposob jak to upraviť, nie jak to obisť. => centrum.jpg bude v adresari Obrazok :)
----------
Mozno som prehliadol nejaku drobnost tak poradte.
Wily.
Profil *
#6 · Zasláno: 14. 12. 2004, 02:24:00
Odpovědět Citovat
mat v tom nieje chyba, male pismena tam byt nemusia a strednik za poslednym prikazom v definici triedy tiez nie.

btw. ak background-image: url("Obrazok/Centrum.jpg") prekopirujem do body tak to funguje.

body
{
background-image: url("Obrazok/Centrum.jpg")
}
Wily.
Profil *
#7 · Zasláno: 14. 12. 2004, 02:31:23
Odpovědět Citovat
22k
Na výšku a šírku to tiež nereaguje. To som skúšal.
Wily.
Profil *
#8 · Zasláno: 14. 12. 2004, 02:42:27
Odpovědět Citovat
Teraz ten identifikátor vyzerá teraz takto:

body div#stranka div#obrazok
{
position: absolute;
top: 0px;
left: 10px;
width:776;
height:453;
background-color: black;
background-image: url("centrum.jpg");
padding: 0.2em;
border: 1.5px solid;
border-color: yellow black black yellow
}
--------------------
velke pismena som prerobil na male (v tom problem nebol) a obrazok som hodil do hl. adresara.
Pridal som tam border (ukazuje mi ho v lavom hornom rohu asi 5x30px - prazny border)

a nejde to :(
mat
Profil
#9 · Zasláno: 14. 12. 2004, 03:06:16
Odpovědět Citovat
ještě poslední reakce, už jdu taky spát, ale - proč používáš to body div#stranka div#obrazok ? Pokud to dobře chápu, máš obrázek umístěný v <div id="obrazok"> - tak proč nepoužiješ pouze identifikátor #obrazok - tomu přece ten obrazek.jpg nastavuješ jako pozadí, ne?

Prostě odmázni to body div#stranka z css (každý z těchto prvků může mít jako pozadí třeba nějaký úplně jiný obrázek)...
Wily.
Profil *
#10 · Zasláno: 14. 12. 2004, 03:28:41
Odpovědět Citovat
mat
každý z těchto prvků může mít jako pozadí třeba nějaký úplně jiný obrázek

To snad nevadi, ne? Zobratili by sa všetky.
btw: body a stranka vlasny obrazok nemaju.
ps: skusal som div#stranka a nejde to.
Wily.
Profil *
#11 · Zasláno: 14. 12. 2004, 03:30:16
Odpovědět Citovat
Tak som ten obrázok hodil do body a je pokoj.
izsak
Profil
#12 · Zasláno: 14. 12. 2004, 05:59:45
Odpovědět Citovat
Wily.
width:776;
height:453;

Neudávaš jednotky, v ktorých je uvedená výška a šírka. Správne má byť: 

width:776px;

height:453px;
Wily.
Profil *
#13 · Zasláno: 14. 12. 2004, 06:46:22
Odpovědět Citovat
No, tak to bolo v pixeloch.. :o/
Wily.
Profil *
#14 · Zasláno: 14. 12. 2004, 06:56:27
Odpovědět Citovat
izsak
Oprava: Teraz mi to ide aj bez tych px.
Predtym som mal zle uvedeny DOCTYPE.
izsak
Profil
#15 · Zasláno: 14. 12. 2004, 15:59:34
Odpovědět Citovat
Wily.
Kde ti to ide bez "px" (bez udania jednotky) a s akým DOCTYPE?

V CSS je striktne uvedené, že všetky hodnoty až na 0 musia mať uvedenú jednotku bez akejkoľvek výnimky.

Tipnem si: bez jednotky to ide v IE.
Yuhů
Profil
#16 · Zasláno: 15. 12. 2004, 00:29:51
Odpovědět Citovat
ve výšce, šířce ani v rozměrech to nebude. Příště by to chtělo link na živou stránku, tohle je horší jak ptakopravectví.

Tipnul bych si, že to bude tím, že sobor *.css je v jiném adresáři. Cesta k obrázku se odvozuje od umístění css souboru, nikoli od html stránky.
Wily.
Profil *
#17 · Zasláno: 15. 12. 2004, 02:26:45
Odpovědět Citovat
u <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
a ide mi to aj bez udania px, skus to.

Ps. Cestu k suboru a všetko som mal dobre nastavene len som zmazal /EN" z doctype a obrazky začali blbnuť.. jedine obrazok uloženy v body sa natiahol, ostatne nie. Pripomínam že ostane triedy a ident. uložené v *.css sa mi zobrazovali v poriadku.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/>
Wily.
Profil *
#18 · Zasláno: 15. 12. 2004, 02:40:22
Odpovědět Citovat
Yuhů
Stránku dám do krížovej palby ešte pred vianocami, spoznáš ju podla titulku, "lze zdokonalit dokonalé ?" :o) hovorí za vše. Ešte ju musim vyšperkovať.
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0