» Poradna » Web a internet

Obrázek do html trochu nestandardně

 |   |  Microsoft Windows 10 IE 11.0

Přeji dobrý den,měl bych na dnešní dobu trochu "pravěký" dotaz.Potřeboval bych umístit na stránku starým ručním zápisem do HTML obrázek tak, aby byl horizontálně vycentrován i když svou velikostí přesahuje "rozměr" prohlížeče. Má se tedy částečně zasouvat pod levý okraj, aby při jakémkoli zmenšení prohlížeče byl střed obrázku stále vprostřed.Děkuji moc předem za radu.

Mohlo by vás také zajímat

Odpovědi na otázku

 |   |  Microsoft Windows 7 Firefox 69.0

Dej si tam <div> a tomu dej do CSS, aby byl roztažený po celém okně, ten obrázek do něj dej jako background s tím, že background-position bude center, center a background-size bude coverhttps://www.w3schools.com/cssref/css3_pr_background...

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 IE 11.0

Díky moc za Tvoji odpověď, ale jsem totální pakoš a vůbec nevím, kam dát <div> a CSS, nemohl by jsi ještě trošku napovědět?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 69.0

tady už není co napovědět, to bych tě musel naučit HTML a CSS od základů a tolik volných víkendů nemám

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 IE 11.0

To jsem moc rád, že jste se aspoň pobavili

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Firefox 69.0

Hned první odpověď byla jasná a přesná. Tady je poRADna a dávají se rady. Ty jsi dostal, zbytek je na tobě. Doporučený JakPsatWeb ti taky může pomoci.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 IE 11.0

Zdravím Petře, když už se bavíme takto odlehčeně, ještě zareaguji Jasná a přesná odpověď je relativní pojem, záleží to na stupni znalostí toho komu radíme. Radím-li někomu např. jak vložit obrázek na stránku, pak někomu bude stačit napsat "vlož tam obrázek" a jinému pomůžu, když mu poradím "napiš tam tohle" <img src="obrazek.jpg>Chápeš ten rozdíl? A ani v druhém případě jsem se moc nenadřel a nemusel nikoho učit dlouhé víkendy HTML, jak mi bylo odpovězeno

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Android Chrome 71.0

Když tak "odlehčeně" tak ten tag máš blbě

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 69.0

Jenže ono to nejde napsat "napiš tam tohle" ... nikdo neví, jakej používáš styl zápisu, jestli jedeš flexboxy, jaký máš pořadí elementů atp. Ono kupodivu dát obrázek na střed stránky tak, aby jí celou vyplnil, je docela složitý, zvlášť pro začátečníky a může to ovlivnit vykreslení celé stránky. Tag <img> se na to určitě nepoužívá, dělá se to tak, jak jsem ti napsal v první odpovědi.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Android Chrome 34.0

Neměl jsi ho plantat s elementem div. Dyť tak jak to tam je to stačí, uvedl "stránku", což je dejme tomu ekvivalent pro element body.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 76.0.3809.132

Je legrace, když člověk, který chce poradit v něčem, co vůbec neumí poučuje druhé jak se má radit. V CSS to opravdu nejde tak jednoduše říct "napiš tam tohle". Prostuduj si ty stránky "jak psát web".

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Android Chrome 34.0

V odkazu, který ti dal zmfcz, je přesně to, co požaduješ. Na uvedeném příkladu nemusíš nic měnit a je to přímá odpověď.To, že uvedl element div, je tak trochu navíc, spíš to uvedl asi proto, že ten postup můžeš aplikovat i na jiné elementy.

Souhlasím  |  Nesouhlasím  |  Odpovědět

Související témata: Levý okraj


Určitě si přečtěte

Lidl buduje chytrou domácnost, propojí všechno se vším
Lukáš Václavík
LidlChytrá domácnostIoT
Platby kartou se můžou rozšířit úplně všude. Jako terminál poslouží mobil
Lukáš Václavík
BankaPlacení mobilemNFC
Nešťastný vývojář ukazuje, proč není dobré být závislý na Googlu
Lukáš Václavík
InternetGoogle
Nejlepší příslušenství k počítači. Tipy na osvědčené klávesnice, tiskárny, routery…

Nejlepší příslušenství k počítači. Tipy na osvědčené klávesnice, tiskárny, routery…

** Tipy na užitečné příslušenství k počítačům ** Poradíme, s jakými produkty neuděláte chybu ** Od drobností do USB až po routery a tiskárny

David Polesný, Stanislav Janů | 20

David PolesnýStanislav Janů
Příslušenství
Bankovní identita bude jednotná. K České spořitelně, ČSOB a KB se připojí menší banky
Lukáš Václavík
Portál občanaBankaeGovernment
Dostali jste nový počítač? Tohle s ním udělejte, než ho začnete používat

Dostali jste nový počítač? Tohle s ním udělejte, než ho začnete používat

** Každý nový počítač si zaslouží počáteční péči ** Odinstalujte bloatware a nezapomeňte na vhodné nastavení ** Poradíme, jak se o počítač s Windows 10 postarat

David Polesný, Stanislav Janů | 75

David PolesnýStanislav Janů
PočítačeNotebooky
Čím nahradit WhatsApp: Vyberte si z 10 alternativních komunikátorů

Čím nahradit WhatsApp: Vyberte si z 10 alternativních komunikátorů

** Z WhatsAppu kvůli novým podmínkám utíkají tisíce uživatelů ** Čím nahradit populární aplikaci pro zasílání zpráv? ** Vybrali jsme pro vás 10 alternativních komunikátorů

Karel Kilián | 112

Karel Kilián
KomunikaceWhatsAppInstant Messaging

Aktuální číslo časopisu Computer

Megatest rychlých Wi-Fi 6 routerů

Jak ztišit počítač

Velký test mATX skříní