Vánoční nadílka Vánoční nadílka
Vánoční akce! Daruj lepší budoucnost blízkým nebo sobě. Až +50 % zdarma na dárkové poukazy. Více informací
Avatar
niderle.l
Člen
Avatar
niderle.l:19. listopadu 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. listopadu 6:53
Avatar
dez1nd
Člen
Avatar
Odpovídá na niderle.l
dez1nd:19. listopadu 7:20

zkus toto :

.width10 {
        width: 10%;
        float:left;
}
Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
 
Nahoru Odpovědět 19. listopadu 7:20
Avatar
niderle.l
Člen
Avatar
Odpovídá na dez1nd
niderle.l:19. listopadu 7:48

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

 
Nahoru Odpovědět 19. listopadu 7:48
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:19. listopadu 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  +1 19. listopadu 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.