NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: Obrázek na pozadí elementu v CSS

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
tbartolen
Člen
Avatar
tbartolen:23.3.2016 20:18

Ahoj. S naší novou Grafičkou se snažíme udělat stránky
http://stansekeltem.cz/
o něco hezčí. Máme v plánu jednotlivá okna okořenit grafikou, to znamená udělat nějaké blbovinky a ty doplnit extem kvůli responzivitě. Chtěl bych se zeptat, proč mi nejde dát na pozadí nějaká common fotka...když napíšu následující do svého kódu:

#section1 {
        width: 46%;
        float: left;
        margin: 2% 0% 2% 6%;
        text-align: center;
        background: url('images/kdojsme.png') ;
        border-radius: 2px;
        box-shadow: 0 0 10px 0px rgba(12, 3, 25, 0.8);
        height: 320px;
}

Případně pokud je celá tahle filozofie špatně, tak nějaká rada jak se to dělá správně? Děkuji

Odpovědět
23.3.2016 20:18
Navštiv www.fb.com/skkelticz
Avatar
Stanislav
Člen
Avatar
Stanislav:24.3.2016 8:07

Zdravím,
CSS by mělo být správně tam chybu nevidím, v HTML jsou dva divy se stejným ID #section1 (Co je hokejbal a Kde kelty najdete), nevím jestli je to tím, ale určitě bych jeden přejmenoval.
Pak bych se zaměřil na url, je určitě správná? existuje obrázek kdojsme.png?

 
Nahoru Odpovědět
24.3.2016 8:07
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na tbartolen
Honza Bittner:24.3.2016 10:27

http://stansekeltem.cz/…/kdojsme.png - proto; koncovka má být .jpg.

Editováno 24.3.2016 10:28
Akceptované řešení
+5 Zkušeností
Řešení problému
Nahoru Odpovědět
24.3.2016 10:27
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
tbartolen
Člen
Avatar
Odpovídá na Honza Bittner
tbartolen:26.3.2016 23:42

Díky, dostal jsem se k tomu zase až dnes, taková prkotina. Nicméně měl bych ještě jednu otázku. Pokud uděláme obrázky už s textem, je to dobře co se týče responzivity? Chceme to nějak vylepšit, ale né sprasit...takže, je lepší udělat obrázek do pozadí HTML textu, nebo i s textem přímo jako JPG?? Děkuji

Nahoru Odpovědět
26.3.2016 23:42
Navštiv www.fb.com/skkelticz
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na tbartolen
Honza Bittner:27.3.2016 0:07

Ideálně oddělit.

Nahoru Odpovědět
27.3.2016 0:07
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.