NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Mezinárodní den IT společnosti je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem AJTACI90. Tak neváhej!

Diskuze: psaní do obrázku

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

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
cztomt
Tvůrce
Avatar
cztomt:2.4.2012 19:22

Ahoj, jak se dá psát do obrázku? Myslím třeba odkazy na jiný html soubor chtěl bych tak udělat grafiku menu.

 
Odpovědět
2.4.2012 19:22
Avatar
Drahomír Hanák
Tvůrce
Avatar
Odpovídá na cztomt
Drahomír Hanák:2.4.2012 19:42

Musíš to nastavit jako pozadí v CSS např.: background-image: url('obrazek.png');

 
Nahoru Odpovědět
2.4.2012 19:42
Avatar
cztomt
Tvůrce
Avatar
cztomt:2.4.2012 19:54

Díky, zkusím

 
Nahoru Odpovědět
2.4.2012 19:54
Avatar
cztomt
Tvůrce
Avatar
cztomt:2.4.2012 20:17

Mě to pořád nejde nemám tam náhodou někde připsat cestu k tomu obrázku? A jestli tak jak v CSS?

 
Nahoru Odpovědět
2.4.2012 20:17
Avatar
f-dog
Člen
Avatar
f-dog:2.4.2012 20:28

('obrazek.png') //sem zadáš tu cestu např. /styly/obrazky/o­brazek.png , nebo ten obrazek dáš do složky rovnou se souborem css a stačí tam zadat jen jeho název a příponu

 
Nahoru Odpovědět
2.4.2012 20:28
Avatar
Drahomír Hanák
Tvůrce
Avatar
Odpovídá na cztomt
Drahomír Hanák:2.4.2012 20:29

No cestu napíšeš do toho url('cesta_k_o­brazku'). Cesta k obrázku může být jak relativní (images/obrazek­.png) tak i absolutní (http://www.moje.domena/…/obrazek.png). Relativní cesty vycházejí z umístění CSS, popř. HTML souboru kde jsou CSS styly. Takže pokud máš například web/css/styly.css a obrázek máš ve web/images/obra­zek.png, musíš na něj odkazovat takto: background-image: url('../images/o­brazek.png'); nebo tam můžeš dát celou URL adresu, ale je lepší používat relativní adresy.

 
Nahoru Odpovědět
2.4.2012 20:29
Avatar
f-dog
Člen
Avatar
f-dog:2.4.2012 20:38

Tady ti dám takový malý příklad

<ul id="menicko">
             <li><a href="uvod.htm">Úvodní stránka</a></li>

           </ul>

to je kod menu

a tohle css

#menicko a {
 background-image: url('obrazek.png');
        color: blue;
        font-weight: bold;

 //nebo můžeš mít například toto=

 #menicko li {
 background-image: url('obrazek.png');
 .............

 #menicko li:hover {
 background-image: url('obrazek2.png');  /// při najetí myši na "řekněme políčko" v seznamu se obrázek změní z obrazek.png na obrazek2.png
 .............

Jinak koukni se na sdracův tutoriál statických stránek.

 
Nahoru Odpovědět
2.4.2012 20:38
Avatar
cztomt
Tvůrce
Avatar
cztomt:2.4.2012 20:49

Jo, díky moc už chápu :)

 
Nahoru Odpovědět
2.4.2012 20:49
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na cztomt
David Hartinger:2.4.2012 21:12

Vše je vysvětleno v tutoriálech zde na webu, je určitě dobrý nápad si je nejprve přečíst.

Nahoru Odpovědět
2.4.2012 21:12
New kid back on the block with a R.I.P
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 9 zpráv z 9.