Autor Zpráva
Niik
Profil *
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
Niik:
Ten obrázok nevidíme...
Niik
Profil *
Tomáš123:
Ne? Tak tento už byste měli:
Niik
Profil *
Problém vyřešen.
Zde je výsledek: http://jsfiddle.net/km27Q/15/ kdyby někoho zajímalo
arcadosi
Profil
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: