| | |
| Stránka: 1 z 1
| [ Príspevkov: 7 ] | |
Autor | Správa |
---|
Registrovaný: 29.01.10 Prihlásený: 21.01.22 Príspevky: 627 Témy: 122 Bydlisko: Veľká Lomni... | Napísal Snipo: 15.04.2014 18:00 | |
|
Jednoducho, mám hore obrázok ktorý by sa mal prispôsobovať rozlíšeniu obrazovky tak, aby si vždy zachoval pomer strán. Problém mám s umiestnením prvkov na tento obrázok. To logo Kabátu hore by malo slúžiť ako odkaz na úvodnú stránku a taktiež by sa malo prispôsobovať vlastne veľkosti toho obrázka (ono keby som nechal stálu veľkosť, po čase prekryje niekoho hlavu). A menu nakoniec, to zostáva stále rovnaké, akurát musí byť vždy naspodku. Rozmýšľal som, skúšal, no vždy som narazil na problém ktorý som nevedel vyriešiť a zase odznova... Ukážka: https://drive.google.com/file/d/0B8dVY9 ... sp=sharing (tie farby ten google nejak divne zobazuje).
_________________ PC: CPU: AMD Phenom II X4 965 Black Edition BE 3.4GHz @ 4.0GHz Noctua NH-D14 MB: Gigabyte GA-970A-UD3 VGA: Sapphire AMD Radeon HD7850 2GB GDDR5 RAM: Kingston 4GB 1333MHz DDR3 CL9 DIMM PSU: be quiet! Pure Power L7-430W 80PLUS Monitor: ASUS 21" 1680x1050 CASE: Cooler Master Elite 311 Basic HDD: 7200rpm 500 GB, 5400rpm 500 GB DVD: Samsung DVD OS: Windows7 x64 Tablet: Asus Google Nexus 7, 32 GB, 3G, Nvidia Tegra 3 T30L Quad-Core 1.3 GHz, Android 4.4 KitKat, Synman's GwT ROM Mobil: Motorola Moto G 2nd. generation Dual-sim NTB: Toshiba Satellite C855 - 12J CPU: Intel Pentium B960 2.20 GHz GPU: AMD Radeon HD7610M |
|
Registrovaný: 06.02.14 Prihlásený: 19.01.18 Príspevky: 443 Témy: 9 |
mas fotku a obrazok loga ako <img> ci background-image?
posli kod ako si to robil, bude sa nam lepsie radit, mame z coho vychadzat.
|
|
Registrovaný: 29.01.10 Prihlásený: 21.01.22 Príspevky: 627 Témy: 122 Bydlisko: Veľká Lomni... | Napísal autor témy Snipo: 15.04.2014 18:25 | |
|
ono skusal som aj cez background aj cez normal obrazok, som otvoreny vsetkym moznostiam, radsej by som siel od zaciatku aby som to dobre pochopil
_________________ PC: CPU: AMD Phenom II X4 965 Black Edition BE 3.4GHz @ 4.0GHz Noctua NH-D14 MB: Gigabyte GA-970A-UD3 VGA: Sapphire AMD Radeon HD7850 2GB GDDR5 RAM: Kingston 4GB 1333MHz DDR3 CL9 DIMM PSU: be quiet! Pure Power L7-430W 80PLUS Monitor: ASUS 21" 1680x1050 CASE: Cooler Master Elite 311 Basic HDD: 7200rpm 500 GB, 5400rpm 500 GB DVD: Samsung DVD OS: Windows7 x64 Tablet: Asus Google Nexus 7, 32 GB, 3G, Nvidia Tegra 3 T30L Quad-Core 1.3 GHz, Android 4.4 KitKat, Synman's GwT ROM Mobil: Motorola Moto G 2nd. generation Dual-sim NTB: Toshiba Satellite C855 - 12J CPU: Intel Pentium B960 2.20 GHz GPU: AMD Radeon HD7610M |
|
Registrovaný: 21.02.06 Prihlásený: 08.12.14 Príspevky: 5404 Témy: 30 Bydlisko: Bratislava | Napísal shaggy: 15.04.2014 22:16 | |
|
Tak začni od začiatku a keď to budeš mať a nebude to fungovať, tak sem pridaj odkaz na stránku.
_________________ Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme. |
|
Registrovaný: 15.01.07 Prihlásený: 23.09.15 Príspevky: 186 Témy: 3 Bydlisko: ZV/BA | Napísal matwej: 17.04.2014 3:57 | |
|
neviem aky mas DOM strom, ale tak pokial je podklad prisposobivy, logo moze byt takisto ako ten podklad prisposobive nie? teda ak je obrazok kabatakov v dive a to logo s nim v nom a prekryva ho, reaguje logo percentualne na velkost parent divu .... este teda mas moznosti napr. vyuzit http://www.w3.org/TR/css3-mediaqueries/ (trosku pocitanicko, ale pre webdesignera sa zide) a teda pripadne javascriptom este pred vykreslenim injectnut css style zmenu na zaklade identifikovania rozlisenia devicu (cez JS to co tam CSS3 uz riesi vlastne, len nie vsetko este podporuje CSS3)
_________________ nb: Lenovo Thinkpad E520 (starsi pan uz), Fedora 20 / Win7 dualboot " 1000.times { puts "I will not spam on the boards" } " |
|
Registrovaný: 06.02.14 Prihlásený: 19.01.18 Príspevky: 443 Témy: 9 |
nepotrebuje media queries, stacilo ak div pre logo sa ma sirku a poziciu left v percentach. ale ako som pisal, treba to vidiet. nemam cas na to aby som to vytvaral u seba od nuly a skusal.
|
|
Registrovaný: 29.01.10 Prihlásený: 21.01.22 Príspevky: 627 Témy: 122 Bydlisko: Veľká Lomni... | Napísal autor témy Snipo: 17.04.2014 12:06 | |
|
Takto som pokročil ( http://bednarciks.7u.cz/). Ten priestor nad obrázkom prosím nevšímať, to ten hosting si tam niečo vkladá. Myslíte že je to dobré riešenie? Čo sa týka loga, ja nechápem tomu, raz to funguje, raz nie... A rád by som ešte aby sa prispôsoboval text v menu, no nieje to potrebné, a ešte ako ho zarovnať do stredu vertikálne ten text. Doteraz som to riešil cez line-height no teraz keď to nemá pevnú výšku tak neviem ako na to. Pôvodný zámer bol aby menu malo vždy na výšku 50px, no to som nevedel urobiť aby to fungovalo... EDIT:// To logo som vyriešil pomocou max-width EDIT:// Už som vyriešil aj centrovanie pomocou postupu z http://stackoverflow.com/questions/8865 ... v-with-css (Simulating table display)
_________________ PC: CPU: AMD Phenom II X4 965 Black Edition BE 3.4GHz @ 4.0GHz Noctua NH-D14 MB: Gigabyte GA-970A-UD3 VGA: Sapphire AMD Radeon HD7850 2GB GDDR5 RAM: Kingston 4GB 1333MHz DDR3 CL9 DIMM PSU: be quiet! Pure Power L7-430W 80PLUS Monitor: ASUS 21" 1680x1050 CASE: Cooler Master Elite 311 Basic HDD: 7200rpm 500 GB, 5400rpm 500 GB DVD: Samsung DVD OS: Windows7 x64 Tablet: Asus Google Nexus 7, 32 GB, 3G, Nvidia Tegra 3 T30L Quad-Core 1.3 GHz, Android 4.4 KitKat, Synman's GwT ROM Mobil: Motorola Moto G 2nd. generation Dual-sim NTB: Toshiba Satellite C855 - 12J CPU: Intel Pentium B960 2.20 GHz GPU: AMD Radeon HD7610M |
|
| Stránka: 1 z 1
| [ Príspevkov: 7 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Script na meniny a problem s umiestnenim na stranke v PHP, ASP | 20 | 2036 | 06.03.2007 18:07 kmsa | | Problém pri načítaní prvkov cez ajax v JavaScript, VBScript, Ajax | 0 | 509 | 12.03.2012 13:31 blazej44800 | | Načítavanie prvkov v JavaScript, VBScript, Ajax | 8 | 467 | 31.05.2010 18:29 DARSON | | Zlucenie prvkov pola v PHP, ASP | 3 | 403 | 23.03.2012 11:39 exoomer | | zoradenie prvkov databazy v PHP, ASP | 1 | 853 | 05.11.2007 16:04 GoodWill | | Presun prvkov pola v Assembler, C, C++, Pascal, Java | 2 | 371 | 18.10.2012 1:51 Gregi555 | | vyber prvkov - POLIA v PHP, ASP | 5 | 498 | 23.04.2010 10:48 stenley | | posuvanie prvkov v poli v PHP, ASP | 2 | 596 | 07.07.2009 12:23 tomast7 | | Pascal - posun prvkov pola v Assembler, C, C++, Pascal, Java | 17 | 1050 | 22.10.2012 17:40 Gregi555 | | Usporiadanie prvkov v poli v Assembler, C, C++, Pascal, Java | 4 | 487 | 13.04.2017 12:21 neutroN | | MAzanie prvkov z poľa v jave v Assembler, C, C++, Pascal, Java | 5 | 1023 | 22.12.2010 11:55 Forty- | | zobrazenie GD image a inych prvkov naraz v PHP, ASP | 5 | 353 | 29.11.2012 18:11 BX | | pole s dynamickym poctom prvkov v pascale v Assembler, C, C++, Pascal, Java | 4 | 894 | 22.03.2008 21:29 programator | | Ako pridať vlastnosti ovládacích prvkov, ktoré sú vytvorené v triede ASP.NET? v Technológia .NET | 1 | 532 | 20.05.2015 11:49 walther | | M Firefox problém so sťahovaním a GCH problém s updatom v Sieťové a internetové programy | 0 | 1362 | 23.01.2015 16:06 Stary | | Problém so zobrazovaním www stránok, problém užívateľa v Operačné systémy Microsoft | 17 | 2137 | 23.03.2009 10:41 FERDA23 |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|