<div style="float: left; width: 385px; text-align: center;"> <div style="width: 40px; float: left; text-align: center;"> <img src="./images/products/water.PNG" alt="Water"> </div> <div style="width: 80px; float: left; text-align: right; padding-top: 12px;"> Water: </div> <div style="width: 250px; float: left; text-align: right; padding-top: 12px;"> 34.80 CBM </div> <div style="width: 40px; float: left; text-align: center;"> <img src="./images/products/ore.PNG" alt="Ore"> </div> <div style="width: 80px; float: left; text-align: right; padding-top: 12px;"> Ore: </div> <div style="width: 250px; float: left; text-align: right; padding-top: 12px;"> 13.20 CBM </div> <div style="width: 40px; float: left; text-align: center;"> <img src="./images/products/energy.PNG" alt="Energy"> </div> <div style="width: 80px; float: left; text-align: right; padding-top: 12px;"> Energy: </div> <div style="width: 250px; float: left; text-align: right; padding-top: 12px;"> 24.60 CBM </div> <div style="width: 40px; float: left; text-align: center;"> <img src="./images/products/wood.PNG" alt="Wood"> </div> <div style="width: 80px; float: left; text-align: right; padding-top: 12px;"> Wood: </div> <div style="width: 250px; float: left; text-align: right; padding-top: 12px;"> 72.00 CBM </div> <div style="width: 40px; float: left; text-align: center;"> <img src="./images/products/oil.PNG" alt="Oil"> </div> <div style="width: 80px; float: left; text-align: right; padding-top: 12px;"> Oil: </div> <div style="width: 250px; float: left; text-align: right; padding-top: 12px;"> 15.00 CBM </div> <div style="width: 40px; float: left; text-align: center;"> <img src="./images/products/chemicals.PNG" alt="Chemicals"> </div> <div style="width: 80px; float: left; text-align: right; padding-top: 12px;"> Chemicals: </div> <div style="width: 250px; float: left; text-align: right; padding-top: 12px;"> 10.80 CBM </div> <div style="float: left; width: 385px; text-align: center;"> <div style="width: 40px; float: left; text-align: center;"> <img src="./images/products/energy.PNG" alt="Energy"> </div> <div style="width: 80px; float: left; text-align: right; padding-top: 12px;"> Energy: </div> <div style="width: 250px; float: left; text-align: right; padding-top: 12px;"> 178.80 CBM </div> <div style="width: 40px; float: left; text-align: center;"> <img src="./images/products/dump.PNG" alt="Dump"> </div> <div style="width: 80px; float: left; text-align: right; padding-top: 12px;"> Dump: </div> <div style="width: 250px; float: left; text-align: right; padding-top: 12px;"> 21.60 CBM </div> </div>
Przedstawia on dwie kolumny danych które chce zdobyć - jedne w divie podpisanym "Input", i drugim "Output". Wewnątrz każdej kolumny znajdują się różne surowce oraz pewna wartość w CBM (m^3)
Wiem jak można by się do tego zabrać, trzeba najpierw oddzielić kolumnę Input z Output, następnie w ramach każdej z nich wykonać preg_match_all dla surowców. Jednak wyrażenia regularne są dla mnie czarna magią, czy ktoś mógłby mi w tym pomóc?
Z góry dziękuję