Autor Zpráva
Ameopro
Profil
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
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
juriad:
jasny ale na každém PC se to pak ukazuje jinak ne muže se to ukázat i vadně.
juriad
Profil
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
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
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
JJ díky moc za radu a v čem je tedy potom problém když dám šířku nad 500 ?
juriad
Profil
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
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
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
vyřešeno díky moc všem za rady
lionel messi
Profil
Ameopro:
vyřešeno díky moc všem za rady
Ako?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: