http://jsfiddle.net/PS53K/

takto nejak si to myslel? Tu je ale problém že po roztiahnutí stratíš kvalitu. (pôvodný obrázok má 50x50px)

Mohol si si precitat vsetko co sme tu pisali, nieje tu az tolko stran. Chce nieco take ako je na tejto stranke http://www.chc.org.sg/.

takto mam napisane v html ale neroztiahlo mi to

img src="images/content/new-year-2014.jpg" alt="New Year 2014" width="100%" height="100%"

Lights napísal:takto mam napisane v html ale neroztiahlo mi to

Kód: Vybrať všetko

img src="images/content/new-year-2014.jpg" alt="New Year 2014" width="100%" height="100%"

Takto to ma byt mozno to mas takto, ak ano tak nabuduce to napis v spravnom tvare, inak ma to metie (mozno nie len mna) potom si myslim, ze si to napisal zle aj normalne nie len tu.

jj

Lights, prosím ťa, ak máš nejaký free hosting, posielaj živú ukážku priamo na ňom, alebo posielaj celý kód/releantnú väčšiu časť.
Takto nevieme, či tam naozaj nemáš tie tagové zobáky, alebo tam máš nejaký hlbší problém.

ked tam napisem rozmer 1920x1080 (do html) tak mi to roztiahne na celu plochu co je dobra vec ale ked tam napisem 100% tak nic

- uz len nastavit aby kazdemu takto zobrazovalo cize nejak vyriesit aby to 100% islo?

Daj živú ukážku/celý kód, nie jeden riadok.

Tu je kod

<img src="images/content/new-year-2014.jpg" alt="New Year 2014" width="1920px" height="1080px" title="" alt="" rel=""/>

To je všetko? Takže máš prázdny súbor typu html a v ňom tento jediný riadok?

Lights: Prečítaj si bod 8 http://www.hojko.com/citajte-pred-zaloz ... 23064.html

nie urcite tu neposlem svoju stranku tak preto pisem len to co s tym suvisi

Tak ale ak nepoznáme širší kontext, nevieme relevantne poradiť.

btw: Uvedomujete si, že height="100%" alebo height:100% v tagu img nefunguje korektne (ak teda vôbec funguje)? Opera 12.16 a IE7 ma stým posielajú do .. preč.

Ostali dve riešenia:
1. Daný obrázok použiť ako pozadie body pomocou background v css a centrovať ho na stred, tým sa ale bude obrázok orezávať a nebude sa proporčne prispôsobovať viewportu.
2. Obrázku v img nastavovať width a height pomocou Javascriptu, ktorým si presne zmeriam rozmery viewportu a pri každej zmene veľkosti okna prepočítavať a meniť daný rozmer. Obrázok sa bude ale logicky deformovať lebo sa nebude jednať o proporčnú zmenu veľkosti, lebo každí máme iný monitor nehovoriac o tom, čo by sa asi udialo, keby si stránku pri zoomujem.

Lights napísal:nie urcite tu neposlem svoju stranku tak preto pisem len to co s tym suvisi

lenze ty ani nevies, co s tym suvisi. moznych rieseni uz tu mas niekolko a aj tak to nevies pouzit. cela strana sa tu zabila len tym, ze sa nevie, ako to vlastne chces riesit. ukazku webu sem kludne hodit mozes, nemusis sa bat, ze by to tu niekoho zaujimalo ..

vsetko co staci je dat elementovi na ktory to pozadie chces natiahnut css pravidlo "background-size: contain;" alebo "background-size: cover;" (rozdiel medzi nimi si vygoogli), tam nema co nefungovat. je to ale CCS3, takze ak chces podporu starsich browserov, treba to riesit inak

Podla mna to mas v cache prehliadaca a preto ti nerobi zmeny. Co refresh v prehliadaci po stlaceni klavesy F5?

Ja som za tu zivu ukazku alebo napis viac toho kodu nemusis celu stranku. Pises tu len to co sme ti poradili, ale co ak je chyba niekde inde co s tym suvisi.