Prispôsobovanie obrázkov HTML a CSS

Zdravím, snažím sa o menšie portfólio a našiel som jednu stránku ako inšpiráciu (http://other.wpengine.com/)
Moju doterajšiu prácu nájdete tu (http://www.ezskins-ezlife.com/samo/)
Ale môj problém je v tom že obrázky ktoré tam mám sa neprispôsobuju tak ako by som chcel. Chcel by som aby sa to chovalo presne ako na tej prvej stránke.
Že keď mám full hd monitor mam 4 sĺpce ale ak sa rozlišenie okna zmenšuje tak obrázky tiež, ale len kym sa nepride po hranu tretieho stĺpa a obrázky maju zas tu istu veľkosť ale prida sa na riadkoch.

Ja len dúfam že chápete čo myslím. Googlil som hocičo, hocikde ale sami vidíte, že to ani v slovenšine neviem napísať

PS: v mojom zdrojovom som to dal do tabuľky a ano viem že takto to fungovať nebude

precitaj si nieco o responsive design...

Takže toto je všetko čo sa na fóre dozviem hej fakt dik, pomohlo mi to hned mi je všetko jasne

To je to co si chcel, snad necakas ze ti to tu niekto prerobi....

nečakám, tak ale niečo okolo toho čo je dôležite čo nie a podobne teraz ma čaká asi dalšia hodina goolenia a hladania normálnej stránky kde to bude vysvetlené

par sekund https://www.google.sk/search?q=ako+na+r ... vny+dizajn

treba si takisto uvedomit, ze pokial chces tamto a iba cisto v css3 tak ti to nebude fungovat na starsich IE pravdepodobne 8 a menej ale ani na starsich internetovych prehliadacoch, potom by bolo treba pouzit JS na vypocet sirky v tom ktorom breakpointe, co sa tyka obrazku a toho kvazi "zoomovania" to je zakladne css

Na tej odkazovanej stránke nie je nič základné CSS, úplne všetko tam urobili pomocou javascriptu (a ja osobne by som sa takému riešeniu vyhol).

esso: nie je to tak uplne pravda. na zakladny responzivny layout potrebujes media query az pri breakpointe na 860px. a predpokladam ze nikto taky displej s ie8 nema a teda to netreba riesit. a ostatne sa da spravit cez rozmery elementov bez pouzitia media query.
a suhlasim s nazorom chrona. js nema sluzit na tvorbu dizajnu stranky.

Windows phone 7.5 a pod. Ale to je dost male mnozstvo uzivatelov.

IE na windows phone 7.5 je postaveny na exploreri 9.
a prave som si vsimol ze od zajtra uz nebude windows phone 7.x supportovany microsoftom.

nj je to robené javascriptom, ale šlo by to spraviť aj cez css, nebolo by to úplne presne rovnaké ale aspoň podobné a hlavne spoľahlivejšie

ja väčšinou vždy idem od full screen a pomaly zmenšujem až na tu najmenšiu mobilnu verziu teda napríklad



takto si to všetko ponastavuj aby sa ti to páčilo, odporúčam pracovať s percentami, od nejakých 700px po napríklad tých 1030 dáš tri obrázky vedľa seba tak nastavíš width na 33.33% čo nieje moc dobry príklad keďže je to periodické číslo ale nevadí

alebo https://www.google.sk/webhp?sourceid=ch ... le%20first

myslel som to tak, ze sa to da urobit pomocou css3 transisitions (chrono) ... a hatto13 mas v podstate pravdu, ja si s tym tiez hlavu moc nelamem lol ...

Nechecm byť sprostý (ale v podstate nenavádzam na nelegálnu činnosť), ale čo tak na tej vzorovej stránke stlačiť ctrl+u, skopčiť celý kód do index.html, pripojiť všetky súbory a potom to už len oživiť?

Zdrojový kód je voľne dostupný, takže asi nemožno v tomto prípade hovoriť o krádeži

Ale no... To si teraz trošku prekrúcaš ako sa ti hodí, nemyslíš?

Mimochodom, pokiaľ niekto takto skopíruje kód druhého človeka, tak sa nič nenaučí a akékoľvek úpravy budú problematické.

Krádež to nie je (pretože po skopírovaní nikomu nič nebude chýbať), ide o porušovanie autorských práv (ak to licencia k tej ich stránke nepovoľuje, o čom dosť pochybujem). Každopádne kopírovanie je zbytočné, pretože nie je problém nájsť kód, ktorého licencia umožňuje použitie v iných projektoch.

Môžem povedať to iste o filme - nikomu chybať nebude ak ho stiahnem a predsa to neni legalne.

Čo keby si dal tie obrazky do nejakeho <div>u a tam dal presnu širku teda width: 256px; float: left; alebo daj 3 obrazky do <div> a width:auto; float: none; (neviem presne ako je aby to neobtekalo ale hodilo na novy riadok)

Existuje vôbec nejaký zákon, ktorý by toto ošetroval? Podľa mňa teda nie... A licencia? Čo je licencia? Keď aj všetky classy a divka a spany sa budú rovnako volať ako vo vzorovej téme, ešte stále môžem povedať, že som to napísal ja ručne (áno, že som to ako debil prepisoval). A dokáž, že nie...

Dokázať sa to dá jednoducho, ak by niekto chcel. Tváriš sa, že si programátor, mal by si to vedieť, že porovnať dva textové súbory nie je problém.
Áno, existuje na to zákon. Hovorí ti niečo napr pojem duševné vlastníctvo?
Čo je licencia hádam vysvetľovať netreba a beriem to z tvojej strany len ako básnickú otázku...

Tak na toto ti odporucam prestudovat si bootstrap: http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/ su to preddefinovane css triedy a k tomu nejake javascripty, ktore dnes kazdy pouziva aby nemusel vytvarat vlastne css od zakladu. Zakladom je tzv. grid system, ktory umoznuje prave to co potrebujes.