Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno HTML - vložit obrázek na pozadí a zmenšit

dobry vecir
mam problem se kterim nemuzu pohnou,a to uz sem projel takovych stranek... moc fakt
chci vlozit obrazek jako pozadi a zmensit,ale kdyz ma dojit na zmenseni tak dojde na ignoraci a obrazek zustava porad v povodnim rozliseni. pritom obrazek pokud nema byt na pozadi tak ho zmensim vpohode
pls help

Změna předmětu, původně: HTML
Titulek dotazu má být výstižný - což jedno slovo HTML opravdu není. (host)

Předmět Autor Datum
Pokud obrázek vkládáte jako pozadí například nějakého divu přes CSS tak nejde jeho velikosti měnit.…
martin.developer 14.02.2011 21:08
martin.developer
abych rek pravdu tak sem to skousel jak pres ccs tak normal pres body background... ale nejde mi nic…
green mose 14.02.2011 21:13
green mose
urcite je aspon 10 zpusobu jak to udelat ale rad bych aby se to vyresilo pres body... nebo v nejhors…
green mose 14.02.2011 21:15
green mose
Dobře :) Jasný, pokud uděláš klasicky přes CSS background či přímo v HTML přes body background atri…
martin.developer 14.02.2011 21:16
martin.developer
no ja jenom nechapu proc mi nefungujou tyto tagy nebo co to je: width="120" height="60"
green mose 14.02.2011 21:19
green mose
Je možné vidieť ten HTML výtvor live?
pme 14.02.2011 21:21
pme
Ale ať ti adresu pošle jako PM. Jinak si následky poneseš sám... :-p
host 14.02.2011 21:25
host
Pokud píšeš něco jako tohle : <body background="xxx.png" width="" height=""> tak když opominu že a…
martin.developer 14.02.2011 21:23
martin.developer
A kam ty atributy zadáváš? Nenapadalo tě nejdřív se podívat, jestli tag tyto atributy podporuje?! b…
host 14.02.2011 21:23
host
to me nenapadlo ale jak sem rek nebyl to jediny zpusob co jsem skousel. tak ja to proste zmensim pre…
green mose 14.02.2011 21:31
green mose
HTML se netvoří metodou pokus-omyl, ale podle popisu jednotlivých tagů. Obrázek stačí zmenšit před…
host 14.02.2011 21:57
host
to mi jasny, metodu "omyl" nezastavam a ok zmensim to pred vlozenim poslední
green mose 14.02.2011 21:59
green mose

Pokud obrázek vkládáte jako pozadí například nějakého divu přes CSS tak nejde jeho velikosti měnit. Resp. lze, ale až pomocí CSS verze 3 a to pomocí background-size.

EDIT: Ale pokud po nějakém zmenšení obrázku toužíte tak bych to asi řešil přes například PHP či ASP.NET script, který by přebíral přes GET paremetry URL obrázku a finální velikost. Tudíž by jste do CSS zapsal jen

background-image: url('zmensiImg.aspx?source=images/bg.png&width=220&height=320');

Dobře :)

Jasný, pokud uděláš klasicky přes CSS background či přímo v HTML přes body background atribut tak je to to samé. Obrázek se plácne v takové velikosti jako je a hotovo. Případně se posune podle background-position.

Jak jsem psal jde to přes "experimentální" CSS 3 vlastnost na což bych určitě moc nespoléhal a nebo použil resp. napsal nějaký ten script, který by to zmenšoval (ideálně i cachoval při větších webech).

Pokud píšeš něco jako tohle :

<body background="xxx.png" width="" height="">

tak když opominu že atribut background je outdate, tak tag <body> nemá atributy width či height. Tudíž prohlížeč neví jak snimi naložit.

EDIT: Jinak silně doporučuji chápat (x)HTML jako pouze kostru a CSS jako svaly na ní. Tudíž do (x)HTML definovat pouze prostor kde co jak a v CSS těm prostorům dát barvičky, pozadí apod.

Zpět do poradny Odpovědět na původní otázku Nahoru