Я пытаюсь создать скрипт, отображающий статистику столбцов из базы данных. Для этого я думал, что нарисовал один бар над другим с разными цветами, поэтому в результате получается 2-х цветная полоса, которая может отображать два значения одновременно, в моем случае из-за ошибок возникает множество ошибок.
Затем я хотел бы отобразить в строке несколько из этих двух цветных полосок. Но проблема в том, что сценарий, который я написал, все бары появляются один за другим, а не бок о бок. Может ли кто-нибудь сказать, что я делаю неправильно?
$Errors=explode("-",$row['fails']); $Total=explode("-",$row['num_col']); foreach($Errors as $key => $values) { $max = $Total[$key]; $mistakes = $values; $scale = 10; $Green=$max*$scale; $Red=$mistakes*$scale; //echo "Result ".($max-$mistakes)."/".$max."<br>"; ?> <html> <style> .bar1{ width:40px; background-color:red; position:absolute; } .bar2{ width:40px; background-color:green; position:fixed; } .gap{ width:100px; float:left; } .space{ width:20px; float:left; } .container { width : 40px; height: 100px; position: relative } </style> <body> <?php echo' <div class="container"><div style="height:'.$Green.'px;" class="bar2"></div> <div style="height:'.$Red.'px;" class="bar1"></div> <div style="height:200 px;" class="space"></div></div> '; } ?> </body> </html> Просто добавьте, я задал аналогичный вопрос несколько дней назад: HTML-вертикальная панель двух разных цветов. И @Tiago дал мне ответ о том, как рисовать два бара вместе.