Autor | Zpráva | ||
---|---|---|---|
Niik Profil * |
#1 · Zasláno: 21. 4. 2014, 20:29:26
Zdravím,
Vytvořil jsem si jednoduchý graf v html/css. Graf má šířku 100% a výšku 101px. Uprostřed je vodorovná čára, která odděluje dvě části grafu. Horní část grafu je pro čísla kladná a spodní pro čísla záporná. Zde je živá ukázka: http://jsfiddle.net/km27Q/16/ Problém je v tom, že vrchní graf se nezarovnává dolů. Respektive zarovnává, ale jen napůl. Potřeboval bych, aby jednotlivé sloupce [.bar] začínaly od půlící čáry, ne od vrcholu největšího sloupce. Pro vysvětlení přikládám názorný obrázek: Zkoušel jsem hledat na internetu různě návody, jak to spravit, ale žádný nefungoval s procentuální šířkou celého grafu. Děkuji za odpovědi. |
||
Tomáš123 Profil |
#2 · Zasláno: 21. 4. 2014, 20:43:44
Niik:
Ten obrázok nevidíme... |
||
Niik Profil * |
#3 · Zasláno: 21. 4. 2014, 21:33:22
Tomáš123:
Ne? Tak tento už byste měli: |
||
Niik Profil * |
#4 · Zasláno: 22. 4. 2014, 21:25:16
Problém vyřešen.
Zde je výsledek: http://jsfiddle.net/km27Q/15/ kdyby někoho zajímalo |
||
arcadosi Profil |
#5 · Zasláno: 22. 4. 2014, 21:52:11
Načrtnem pár teoretických problémov, ktoré tu máš.
1. Plávajúce prvky majú tendenciu plávať nahor. 2. Keď nastavíš prvku float, automaticky sa mu priradí display: block, čo ma za následok znemožnenie priradenia vertical-align: bottom(funguje len pre display: inline). Na tvojom mieste by som si vytvoril 2 obrázky o veľkosti 1px, ktorým by si dal príslušnú farbu, dodal vertical-align:bottom pre vrchný a vertical-align: top pre spodný graf a máš to isté. No musím uznať, že ani tvoje a ani moje riešenie nieje veľmi komfortné. Možno niekto iný bude mať lepší nápad. Podľa mňa sú oba riešenia vhodné asi ako ísť traktorom na diaľnicu. |
||
Časová prodleva: 10 let
|
0