NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Vojta Korduliak:20.8.2017 10:36

Dobrý den,
mám zvláštní problém. Na PC je <p> všude stejně velký, ale když přijdu na mobil, tak část stránky je tak, jak má být, ale ta další má ten text větší.

Děkuji za odpověď

 
Odpovědět
20.8.2017 10:36
Avatar
Tomáš
Člen
Avatar
Tomáš :20.8.2017 11:10

Ahoj nemáš nahodou ve stylech nějaké speciální parametry v @media ?

 
Nahoru Odpovědět
20.8.2017 11:10
Avatar
Vojta Korduliak:20.8.2017 11:12

Nope. Právě že nemám..

 
Nahoru Odpovědět
20.8.2017 11:12
Avatar
Jiří Fencl
Člen
Avatar
Jiří Fencl:20.8.2017 11:34

Mam taky zvlastni problem - vzdycky, kdyz nekdo polozi takovej dotaz a neda link na konkretni stranku, tak se mi nekam zakutali vestecka koule :D

Jak to mame posoudit? Taky telefonujes k doktorovi a rikas mu, ze te neco boli at to po telefonu diagnostikuje? Me by to teda nenapadlo....

 
Nahoru Odpovědět
20.8.2017 11:34
Avatar
Vojta Korduliak:20.8.2017 11:35

lel :DD http://nato-sf.8u.cz/ promiňte, tady to je. Klidě sem hodím i soubory.

 
Nahoru Odpovědět
20.8.2017 11:35
Avatar
Jiří Fencl
Člen
Avatar
Jiří Fencl:20.8.2017 11:59

Koukam na to a zrejme by jsi to mel cele predelat - je to celkem nesmyslne nakodovane a plne chyb (tagy zaviras napric strukturou apod...). Neboli nema smysl ladit neco takoveho - lepsi zacit uplne od znova.

Editováno 20.8.2017 11:59
 
Nahoru Odpovědět
20.8.2017 11:59
Avatar
Vojta Korduliak:20.8.2017 12:39

I know :D Ale dalo mi to dost práce...

 
Nahoru Odpovědět
20.8.2017 12:39
Avatar
Odpovídá na Vojta Korduliak
Vladislav Domin:20.8.2017 14:03

Co ti dalo dost prace? CSS nema ani 100 riadkov a html tiez nejake obsiahle :D

 
Nahoru Odpovědět
20.8.2017 14:03
Avatar
Jiří Fencl
Člen
Avatar
Jiří Fencl:20.8.2017 14:45

Ja to chapu - zacatky jsou vzdycky narocnejsi. Jestli se chces pohnout dal nez o pid, tak je potreba tenhle pokus nechat byt, precist si hlavne o vyuziti tagu v kodu ( napr section neni obal cele stranky, odrazkovani se fakt nedela pomlckama v bloku P odradkovany BRkem, trida "cistic" me sice rozesmala, ale prakticky to vubec neni apod... ) a zacit odznova a lepe. Tak se naucis urcite vic nez kdyz budes dal bastlit tenhle vytvor.

Editováno 20.8.2017 14:46
 
Nahoru Odpovědět
20.8.2017 14:45
Avatar
Vojta Korduliak:20.8.2017 21:00

Dobře. Uznávám, že jsem pleb, ale to nic nemění na tom, že mě zajímá řešení mého problému.

 
Nahoru Odpovědět
20.8.2017 21:00
Avatar
Jiří Fencl
Člen
Avatar
Jiří Fencl:20.8.2017 21:35

Kazdej nejak zacinal... nevim nevim jestli bude mit nekdo tolik casu aby zjistoval proc ve zmatecnym a nevalidnim kodu neco vypada jinak nez ma - ani chudak prohlizec, ani developer tools si s tim neumi poradit.

 
Nahoru Odpovědět
20.8.2017 21:35
Avatar
David Moškoř:21.8.2017 1:28

I když stránky nemá nejlepší, není to důvod abychom mu neporadili. Nevím jak je to možné ale text se zmenšil z toho důvodu ze jsi v #onas nastavil float:left. Jakmile jsem float:left odstranil text byl zase stejne velký. Takže to vyřeš tak že float:left nahraď na text-align:left. (Zkouším to na mobilu takže vazne nevím jak to bude vypadat v pocitaci)

Nahoru Odpovědět
21.8.2017 1:28
Život je příliš krátký na to, abyste vymýšleli smysluplné názvy proměnných...
Avatar
Odpovídá na David Moškoř
Vojta Korduliak:21.8.2017 12:24

Tím se mi odstavce začnou řadit pod sebe, já potřebuji, aby se řadily vedle sebe.

 
Nahoru Odpovědět
21.8.2017 12:24
Avatar
Wal De Mar-Lad:21.8.2017 15:56

Pusti v editore Nájsť a nahradiť a daj nahradiť všetky výskyty em; za rem; a už len ulož zmeny a obnov stránku.

Nahoru Odpovědět
21.8.2017 15:56
Libraries over frameworks...
Avatar
Odpovídá na Vojta Korduliak
Wal De Mar-Lad:21.8.2017 23:16

V poho, to som len tipoval, lebo som sa ani nepozrel do kódu. Ale teraz som si pozrel zdrojový kód a chápem čím to je. Chýbajú Ti tam definovaný viewport pre mobilné prehliadače. A tak Ti tam robí problém tých natvrdo zadaných 20px pre font-size. Avšak len pridať meta značku pre viewport (napr. <meta name="viewport" content="width=de­vice-width, initial-scale=1, shrink-to-fit=no">) v Tvojom prípade nič nepomôže. Už budeš mať síce písmo v každom odstavci rovnako vysoké, avšak ... rovnako príliš vysoké. Mrzí ma to, ale tak ako to máš napísané je to dosť zlé, nieto ešte aby to šlo dobre aj na mobiloch. Tak ako Ti tu radia, treba to prepísať nanovo. HTML opraviť - používaš HTML 5 a v ňom je napríklad vlastnosť align ktorú tam máš uvedenú pre jeden DIV zastaralý atribút - nemá sa používať, pre IMG si tam uviedol atribút height ako "300px", ale v hodnote atribútu má byť len 300, nie aj jednotka - to "px", a pod. Proste jemne si oprav a doplň HTML (nezabudnúť na viewport) a potom to treba odznovu preštýlovať, vrátane použitia media query.

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
21.8.2017 23:16
Libraries over frameworks...
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 16 zpráv z 16.