IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Ladislav Niderle:19.11.2018 6:53

Ahoj, zkoušel jsem si v CSS vytvořit třídy pro jdnotlivé šířky, ale i když jsem docílil nějakého efektu, tak to není přesné, jelikož bych rád jeden konkrétní řádek byl schopen rozdělit i podle procentech. Teď to sice mám, ale z nějakého důvodu to, co dá 100%, tedy celý řádek je rozděleno na 4 řádky

Zkusil jsem: Zkusil jsem podle nějakých nalezených informací použít následující zápis:

.width10 {
        width: 10%;
}

Ale když takto vytvořím nějakolik elementů, tak je chci mít za sebou a momentálně je mám pod sebou.

Chci docílit: Snažím se dosáhnout toho, že budu schopen jeden řádek rozdělit podle procentech, abych měl zaručeno, že výsledek bude vždy totožný na většině rozlišení, nebo bude vypadat podobně.

Předem moc děkuji za pomoc či nasměrování, kde dělám chybu.

 
Odpovědět
19.11.2018 6:53
Avatar
dez1nd
Člen
Avatar
Odpovídá na Ladislav Niderle
dez1nd:19.11.2018 7:20

zkus toto :

.width10 {
        width: 10%;
        float:left;
}
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
19.11.2018 7:20
Avatar
Odpovídá na dez1nd
Ladislav Niderle:19.11.2018 7:48

Moc děkuji, to je přesně ono.

 
Nahoru Odpovědět
19.11.2018 7:48
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:19.11.2018 8:31

Typ emelentu rozhoduje o chovani.

  • div = display:block - at nastavis jakoukoliv sirku, zalomi se novy radek za elementem
  • float - meni typ elementu na jakysi floatovaci typ (teoreticky inline-block s jinym chovanim, ale kazdy prohlizec to ma trochu jinak) a je to to, co chces
  • img = display: inline-block - tohle by se dalo take pouzit, ukotvi elementy jako obrazky na spodek radku
  • A potom je mozne pouzit jeste position nebo display:table, table-row, table-cell. S podobnym chovani, kdyz vis, jak to pouzit.
  • A jeste je tu moznost pouzit novinky jako css flex-layout a tusim grid-layout.

Nechces zkusit vyuzit bootstrap?

 
Nahoru Odpovědět
19.11.2018 8:31
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 4 zpráv z 4.