Autor | Zpráva | ||
---|---|---|---|
Ameopro Profil |
#1 · Zasláno: 13. 12. 2014, 11:50:18 · Upravil/a: Moderátor (editace znemožněna) 13. 12. 2014, 16:00:32
Ahojte prosím vás jde nějak udělat aby se web srovnal podle velikosti obrazovky v css divech ? děkuji
|
||
juriad Profil |
co znamená „srovnal“?
a) má vypadat přibližně stejně; prvky budou mít nastavené velikosti v procentech (s nějakým pevným min-width a max-width) b) má se přeuspořádat; použiješ media-queries, definuješ tak hodnoty CSS vlastností v závisloti na dostupné šířce Často se to neřeší, prostě se udělá web o pevné šířce a to se horizontálně vystředí. |
||
Jape Profil |
#3 · Zasláno: 13. 12. 2014, 12:01:31
Ahoj,
jen pro zajímavost. Rozlišení se píše s "i" (jestli teda nebylo přidáno do vyjmenovanejch slov od doby co jsem skončil se školou). A jinak určitě to jde, ale měl by jsi bejt trochu víc specifickej. Pro začátek několik možností layoutu vysvětlují na těchto stránkách: http://learnlayout.com. |
||
Ameopro Profil |
#4 · Zasláno: 13. 12. 2014, 13:48:50
juriad:
jasny ale na každém PC se to pak ukazuje jinak ne muže se to ukázat i vadně. |
||
juriad Profil |
#5 · Zasláno: 13. 12. 2014, 13:58:29
Piš srozumitelně. Musím každou větu číst třikrát, než ji pochopím.
Chtěli jsi snad napsat: „Jasný, ale na každém PC se to pak ukazuje jinak. Nemůže se to ukázat i vadně?“? Co je ještě horší, web se zobrazí trochu jinak, když třeba jen zmenšíš okno prohlížeče. Ukáže se to ale tak, jak definuješ. Můžeš uvést příklad toho, jak se to má chovat? (Třeba odkaz na web, který tak funguje, nebo odkaz na tvůj web, kde toho chceš docílit.) |
||
Ameopro Profil |
#6 · Zasláno: 13. 12. 2014, 14:12:35 · Upravil/a: Ameopro
Promin , Zasílám odkaz na ukázku : http://test.pujcky-mlada-boleslav.cz/
tento web sem psal ale nemohu nijak docílit k tomu aby byl vždy celí na každé obrazovce aby nebyla čtvrtka mimo obrazovku , Koukl by ses prosím na to a řekl de mám chybu? děkuji možná to bude tím že mám width na 130px; web má asi cca 960- 1000px že ? |
||
juriad Profil |
#7 · Zasláno: 13. 12. 2014, 14:28:00
1) Vyhoď skoro všechny definice šířky (všechny, které mají hodnotu větší než 500).
2) Kdekoli nastavuješ levý padding/margin, nastav i pravý na stejnou hodnotu. Takto to vypadá po chvilce hraní: http://img.djpw.cz/nlb.png |
||
Ameopro Profil |
#8 · Zasláno: 13. 12. 2014, 14:34:07
JJ díky moc za radu a v čem je tedy potom problém když dám šířku nad 500 ?
|
||
juriad Profil |
#9 · Zasláno: 13. 12. 2014, 14:39:01
Ameopro:
Tu konstantu 500 jsem zde uvedl proto, abys zachoval šířku polóžek v menu, které jsou kolem 250px. Ty vlastně nechceš zadávat šířku vůbec, chceš, aby div zabral veškerou volnou plochu (mínus margin). Zapomněl jsem podotknout, že s tímto koliduje vlastnost float, která zruší počítání šírky podle rodiče. Zruš tedy snad všechny floaty (kromě toho menu). Když máš div o šířce 1500px a display má jen 1000px, tak se tam prostě vwjít nemůže. Většinou nepotřebuješ nastavovat absolutní rozměry. Stačí jen použít margin/padding a nechat obsah přirozeně roztáhnout. |
||
Ameopro Profil |
#10 · Zasláno: 13. 12. 2014, 14:40:32 · Upravil/a: Ameopro
díky moc za rady budu se tím řídit
Ale když chci aby bylo menu s polem na text ve stejné výši tak musím použit float:left ne ? ; url : http://test.pujcky-mlada-boleslav.cz/ |
||
Jape Profil |
#11 · Zasláno: 13. 12. 2014, 17:04:51
Float je jedna z možností. Možností je vždy více. Můžeš třeba prvkům nastavit display: inline-block; (budou se chovat jako obrázek, tj. může jich být více vedle sebe a dokonce jim můžeš nastavovat rozměry). Potom u obou prvků nastavíš požadovanou šířku (nesmí být větší než 50% šířky nadřazeného elementu), takže je dobré použít procenta (př.: width: 50%;)....
Další užitečná vlastnost je max-width. Když nechceš aby se element dostal přes určitou šířku, nastavíš mu tuto vlastnost. |
||
Ameopro Profil |
#12 · Zasláno: 13. 12. 2014, 19:41:46
vyřešeno díky moc všem za rady
|
||
lionel messi Profil |
#13 · Zasláno: 13. 12. 2014, 19:56:06
|
||
Časová prodleva: 9 let
|
0