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!
Avatar
Martin Hudec
Člen
Avatar
Martin Hudec:8.11.2017 18:01

Dobrý den jsem uplný začátečník. Nevíte jak mám zadat umístění obrázku na stránce ? Děkuji klidně i za příklad

 
Odpovědět
8.11.2017 18:01
Avatar
Jakub Žák
Člen
Avatar
Odpovídá na Martin Hudec
Jakub Žák:8.11.2017 18:04

Trochu víc to popiš - čeho chceš docílit? Obrázek se zobrazí tam, kde jej uvedeš v kódu a ještě ním můžeš hýbat pomocí CSS pozicování, dle toho, čeho chceš docílit.

Nahoru Odpovědět
8.11.2017 18:04
Kuba je ajťák. Buď jako Kuba.
Avatar
Martin Hudec
Člen
Avatar
Martin Hudec:8.11.2017 20:12

Třeba když chci dát někam obrázek umístit nebo cokoliv jiného. Asi to bude jedno jestli to bude v css nebo v html kódu ale nevím jak na to

 
Nahoru Odpovědět
8.11.2017 20:12
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Martin Hudec
Honza Bittner:8.11.2017 20:24

Na to je element img, viz

<img src="cesta_k_obrazku.png" />
Nahoru Odpovědět
8.11.2017 20:24
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Martin Hudec
Člen
Avatar
Martin Hudec:8.11.2017 20:45

A jak mám určit kde bude jako umístění na stránce ?

 
Nahoru Odpovědět
8.11.2017 20:45
Avatar
Petr Šťastný
Tvůrce
Avatar
Odpovídá na Martin Hudec
Petr Šťastný:8.11.2017 21:18

Umísti to někam v HTML - jako bys umisťoval třeba nadpis nebo text. Potom pomocí CSS můžeš vycentrovat obrázek doprava/doleva/na střed a potom ho ještě posouvat o určitou vzdálenost doleva/doprava/na­horu/dolů.

/* CSS */
.mujObrazek{
float: left: // Bud vlevo!
margin-left: 12px; // Posun se o 12px doprava (odsazeni zleva)
}
/* HTML */
<img src="test.png" width="100" height="100" class="mujObrazek" />

Ideálně bys to měl dělat responzivně, tohle je jenom na ukázku

Ale teď se na samotné pozicování vykašli a projdi si kompletně zdejší HTML tutoriál, mělo by ti to všechno vysvětlit.

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
8.11.2017 21:18
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 6 zpráv z 6.