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!

Diskuze: Posunutie divu pri zmene velkosti textu

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Vladislav Domin
Člen
Avatar
Vladislav Domin:15.8.2016 20:26

Nadpis vystihuje moj problem, akonahle sa zvacsim velkosti textu v dive vnutro (text), tak sa posunu panely smerom dole... Viete mi poradit ako na to?

http://89.173.29.199/EL-ES/index.php?…

 
Odpovědět
15.8.2016 20:26
Avatar
adder
Člen
Avatar
adder:15.8.2016 22:21

Když odděláš ten padding a dáš tam line-height, tak by to mohlo pomoc.

#stranka .lavy .lpanel .nadpis h2,
#stranka .pravy .ppanel .nadpis h2 {
    /* padding: 8px 0 0 0; */
    line-height: 35px;
    margin: 0;
    color: white;
    text-align: center;
    font-size: 18px;
    font-family: Montserrat;
}
Nahoru Odpovědět
15.8.2016 22:21
I’m going to lay this brick as perfectly as a brick can be laid.
Avatar
Vladislav Domin
Člen
Avatar
Vladislav Domin:16.8.2016 8:51

Nepomohlo to, akonahle zmensim font-size alebo zvacsim, tak sa bud posunie obsah alebo panely :x

 
Nahoru Odpovědět
16.8.2016 8:51
Avatar
Jiří Fencl
Člen
Avatar
Jiří Fencl:16.8.2016 9:32

Osobne bych ty bloky jako inline-table nedelal, ale kdyz uz je mas, tak jim musis udelat vertical-align: top aby byly vzdy nahore. Tzn .lavy .pravy a #vnutro pridat vertical-align:top

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
16.8.2016 9:32
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Vladislav Domin
Neaktivní uživatel:16.8.2016 9:37

Může za to inline-table třeba na #stranka .lavy

Nahoru Odpovědět
16.8.2016 9:37
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Jiří Fencl
Neaktivní uživatel:16.8.2016 9:37

OK, byl jsi rychlejší :( :D

Nahoru Odpovědět
16.8.2016 9:37
Neaktivní uživatelský účet
Avatar
Vladislav Domin
Člen
Avatar
Odpovídá na Jiří Fencl
Vladislav Domin:16.8.2016 11:11

Dakujem pomohlo to.

Ako som to mal inak urobit? Najprv som to robil cez float, ale ten mi hovorili ludia nech nepouzivam... display: inline-block mi robil problemy a jedine riesenie, kt. fungovalo bolo toto...

 
Nahoru Odpovědět
16.8.2016 11:11
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Vladislav Domin
Neaktivní uživatel:16.8.2016 11:22

Float je ideální řešení. Nesmíš tolik poslouchat lidi.

Nahoru Odpovědět
16.8.2016 11:22
Neaktivní uživatelský účet
Avatar
Jiří Fencl
Člen
Avatar
Jiří Fencl:16.8.2016 11:24

Kazdy typ display ma sve pro a proti. Zrovna treba float je temer nejpouzivanejsi na takovy layout - ten, kdo radil nepouzivat zrejme nevim moc o cem mluvi neb v nejrozsirenejsim frameworku bootstrap je pouzivany zrovna float:left a display:block

JG: vidis a ted jsi rychlejsi zas ty :)

Editováno 16.8.2016 11:25
 
Nahoru Odpovědět
16.8.2016 11:24
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Jiří Fencl
Neaktivní uživatel:16.8.2016 11:38

Paráda, už můžu umřít klidný :D Vzhledem k tomu, že OP je nejspíš začátečník, tak bych dodal, že blokové elementy, které používá, mají defaultně vlastnost display:block. A relativní pozicování je u většiny elementů použito zbytečně.

Nahoru Odpovědět
16.8.2016 11:38
Neaktivní uživatelský účet
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 10 zpráv z 10.