Diskuze: Umístění

Naučíme tě pracovat na home-office.

Zjistit více...

Aktivity

Martin Hudec

Člen

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

Jakub Žák

Člen

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.

Martin Hudec

Člen

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

Honza Bittner

Tvůrce

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.

Martin Hudec

Člen

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

Petr Šťastný

Tvůrce

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/nahoru/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č

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.