» 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
avatar
 | 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
avatar
 | 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, Střed