[ Príspevkov: 21 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 04.07.11
Prihlásený: 10.06.16
Príspevky: 46
Témy: 12 | 12
NapísalOffline : 11.10.2014 11:34 | 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ť :D

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


Offline

Užívateľ
Užívateľ
Prispôsobovanie obrázkov HTML a CSS

Registrovaný: 03.04.08
Prihlásený: 31.05.18
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava

precitaj si nieco o responsive design...


_________________
Hmmm .... Hrošíček ... [Homer]
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 04.07.11
Prihlásený: 10.06.16
Príspevky: 46
Témy: 12 | 12
Napísal autor témyOffline : 11.10.2014 18:23 | Prispôsobovanie obrázkov HTML a CSS

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


Offline

Prevádzkovateľ fóra
Prevádzkovateľ fóra
Prispôsobovanie obrázkov HTML a CSS

Registrovaný: 01.05.05
Príspevky: 12520
Témy: 1457 | 1457
Bydlisko: Bratislava
NapísalOffline : 11.10.2014 18:25 | Prispôsobovanie obrázkov HTML a CSS

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


_________________
SilverStone SST CS01 | Corsair SF600 600W SFX | ASRock X99E-ITX/ac | Intel Xeon E5-2683 v4 (16 Cores / 32 Threads) & Noctua NH-U9DX i4 | Kingston HyperX Savage 32 GB DDR4 2400 MHz | PNY NVIDIA Quadro K1200 DP 4 GB DDR5 | Intel SSD 750 1.2 TB NVMe & Intel SSD 730 240 GB SATA & Seagate BackUp Plus Portable 20 TB USB | 31.5" 4K LCD EIZO FlexScan EV3237 & 2 x 24" LCD EIZO FlexScan EV2451 | Ergotron LX Wall Mount Keyboard Arm | Logitech Craft | Logitech Wireless G603 | Harman Kardon Nova | Microsoft Windows 7 Ultimate | APC Back-UPS ES 700 | Lenovo ThinkPad X250 - Intel Core i7 5600U, 8 GB DDR3 1600 MHz, Intel HD Graphics 5500, SanDisk SSD 512 GB, 12.5 FHD LED IPS, WWAN 3G 4G LTE, Microsoft Windows 7 Ultimate | iPhone X 256 GB & Pitaka Aramid
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 04.07.11
Prihlásený: 10.06.16
Príspevky: 46
Témy: 12 | 12
Napísal autor témyOffline : 11.10.2014 18:27 | Prispôsobovanie obrázkov HTML a CSS

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é


Offline

Prevádzkovateľ fóra
Prevádzkovateľ fóra
Prispôsobovanie obrázkov HTML a CSS

Registrovaný: 01.05.05
Príspevky: 12520
Témy: 1457 | 1457
Bydlisko: Bratislava
NapísalOffline : 11.10.2014 18:30 | Prispôsobovanie obrázkov HTML a CSS

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


_________________
SilverStone SST CS01 | Corsair SF600 600W SFX | ASRock X99E-ITX/ac | Intel Xeon E5-2683 v4 (16 Cores / 32 Threads) & Noctua NH-U9DX i4 | Kingston HyperX Savage 32 GB DDR4 2400 MHz | PNY NVIDIA Quadro K1200 DP 4 GB DDR5 | Intel SSD 750 1.2 TB NVMe & Intel SSD 730 240 GB SATA & Seagate BackUp Plus Portable 20 TB USB | 31.5" 4K LCD EIZO FlexScan EV3237 & 2 x 24" LCD EIZO FlexScan EV2451 | Ergotron LX Wall Mount Keyboard Arm | Logitech Craft | Logitech Wireless G603 | Harman Kardon Nova | Microsoft Windows 7 Ultimate | APC Back-UPS ES 700 | Lenovo ThinkPad X250 - Intel Core i7 5600U, 8 GB DDR3 1600 MHz, Intel HD Graphics 5500, SanDisk SSD 512 GB, 12.5 FHD LED IPS, WWAN 3G 4G LTE, Microsoft Windows 7 Ultimate | iPhone X 256 GB & Pitaka Aramid
Offline

Užívateľ
Užívateľ
Prispôsobovanie obrázkov HTML a CSS

Registrovaný: 02.08.09
Prihlásený: 04.07.18
Príspevky: 99
Témy: 13 | 13
Bydlisko: Plymouth, UK
NapísalOffline : 12.10.2014 10:01 | Prispôsobovanie obrázkov HTML a CSS

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


_________________
Laptop: Dell Inspiron 15R 5537, SolydK 64-bit
Fón: SONY Xperia Z1 Compact Lime
Tablet: Lenovo Yoga 10HD
Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1713
Témy: 0 | 0
NapísalOffline : 12.10.2014 11:21 | Prispôsobovanie obrázkov HTML a 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).


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9

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.


Offline

Užívateľ
Užívateľ
Prispôsobovanie obrázkov HTML a CSS

Registrovaný: 03.04.08
Prihlásený: 31.05.18
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava

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


_________________
Hmmm .... Hrošíček ... [Homer]
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9
NapísalOffline : 13.10.2014 10:03 | Prispôsobovanie obrázkov HTML a CSS

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.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.11.10
Prihlásený: 27.02.18
Príspevky: 87
Témy: 29 | 29

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

Kód:
@media (max-width: 1030px) {
  klasicke css platiace len pre monitory menšie ako 1030px
}


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í :brow:


Offline

Užívateľ
Užívateľ
Prispôsobovanie obrázkov HTML a CSS

Registrovaný: 03.04.08
Prihlásený: 31.05.18
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava

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


_________________
Hmmm .... Hrošíček ... [Homer]
Offline

Užívateľ
Užívateľ
Prispôsobovanie obrázkov HTML a CSS

Registrovaný: 02.08.09
Prihlásený: 04.07.18
Príspevky: 99
Témy: 13 | 13
Bydlisko: Plymouth, UK
NapísalOffline : 20.10.2014 13:25 | Prispôsobovanie obrázkov HTML a CSS

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 ...


_________________
Laptop: Dell Inspiron 15R 5537, SolydK 64-bit
Fón: SONY Xperia Z1 Compact Lime
Tablet: Lenovo Yoga 10HD
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
NapísalOffline : 08.11.2014 15:04 | Prispôsobovanie obrázkov HTML a CSS

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


Offline

Skúsený užívateľ
Skúsený užívateľ
Prispôsobovanie obrázkov HTML a CSS

Registrovaný: 24.01.08
Prihlásený: 13.09.17
Príspevky: 14572
Témy: 66 | 66
Bydlisko: Žilina
NapísalOffline : 08.11.2014 15:19 | Prispôsobovanie obrázkov HTML a CSS

Citácia:
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é.


_________________
C#, PHP, ...
Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1713
Témy: 0 | 0
NapísalOffline : 08.11.2014 18:35 | Prispôsobovanie obrázkov HTML a CSS

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.


Offline

Užívateľ
Užívateľ
Prispôsobovanie obrázkov HTML a CSS

Registrovaný: 21.09.13
Prihlásený: 19.07.18
Príspevky: 2056
Témy: 71 | 71
Bydlisko: Považská By...

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)


_________________
Nesnívaj svoj život, ale ži svoj sen.
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
NapísalOffline : 08.11.2014 21:09 | Prispôsobovanie obrázkov HTML a CSS

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...


Offline

Skúsený užívateľ
Skúsený užívateľ
Prispôsobovanie obrázkov HTML a CSS

Registrovaný: 24.01.08
Prihlásený: 13.09.17
Príspevky: 14572
Témy: 66 | 66
Bydlisko: Žilina
NapísalOffline : 08.11.2014 21:21 | Prispôsobovanie obrázkov HTML a CSS

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...


_________________
C#, PHP, ...
Offline

Užívateľ
Užívateľ
Prispôsobovanie obrázkov HTML a CSS

Registrovaný: 11.02.09
Prihlásený: 19.07.18
Príspevky: 2206
Témy: 145 | 145
Bydlisko: Liptovský M...

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.


_________________
"Only a warrior chooses pacifism, others are condemned to it."
- unknown author
 [ Príspevkov: 21 ] 


Prispôsobovanie obrázkov HTML a CSS



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Nefungujuce CSS - nezobrazovanie obrazkov

v HTML, XHTML, XML, CSS

29

650

01.01.2008 20:20

twistik

V tomto fóre nie sú ďalšie neprečítané témy.

html -zle tobrazenie obrazkov v IE

v HTML, XHTML, XML, CSS

2

266

28.03.2008 10:21

mimkork

V tomto fóre nie sú ďalšie neprečítané témy.

HTML/CSS obrazok

v HTML, XHTML, XML, CSS

2

356

16.02.2011 15:40

unkown2552

V tomto fóre nie sú ďalšie neprečítané témy.

Html, css... rady

v HTML, XHTML, XML, CSS

5

408

25.07.2012 9:17

DeiForm

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

HTML a CSS

v HTML, XHTML, XML, CSS

3

385

13.01.2012 17:51

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

CSS- php,html

v HTML, XHTML, XML, CSS

3

371

15.09.2009 21:08

1daemon1

V tomto fóre nie sú ďalšie neprečítané témy.

Zaciatocnik HTML + CSS

v HTML, XHTML, XML, CSS

9

337

28.08.2014 15:33

erikzet

V tomto fóre nie sú ďalšie neprečítané témy.

vyska obsahu (html + css)

v HTML, XHTML, XML, CSS

1

320

24.05.2012 19:23

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

Otázky HTML a CSS

[ Choď na stránku:Choď na stránku: 1, 2 ]

v HTML, XHTML, XML, CSS

59

1142

25.01.2016 16:36

chrono

V tomto fóre nie sú ďalšie neprečítané témy.

Menu v html css

[ Choď na stránku:Choď na stránku: 1, 2 ]

v PHP, ASP

43

605

09.05.2014 17:18

funny102

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

HTML, CSS, JS (jQuery)

v Ponuka práce

1

301

12.07.2013 23:15

DeiForm

V tomto fóre nie sú ďalšie neprečítané témy.

Hľadám HTML + CSS kódera

v Ponuka práce

1

1257

04.09.2010 11:47

Blackshadow

V tomto fóre nie sú ďalšie neprečítané témy.

Hladam HTML/CSS kodera

v Ponuka práce

1

875

10.11.2009 15:10

subzul

V tomto fóre nie sú ďalšie neprečítané témy.

HTML, CSS, priehľadnosť stránky

v HTML, XHTML, XML, CSS

3

97

31.05.2018 21:39

Betka1234

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

HTML a CSS web

v HTML, XHTML, XML, CSS

7

499

13.07.2011 20:42

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

css,html: odkaz pomocou obrazku

v HTML, XHTML, XML, CSS

1

1059

05.01.2010 15:53

shaggy



© 2005 - 2018 PCforum, edited by JanoF