要素を揃えたいのですが、良い方法がありましたら教えて頂けませんでしょうか?
具体的には、下記の画像のように商品名、価格、削除ボタンなどを揃えて表示したいです。
ですが、現状下記の画像のようになってしまいます。
下記は、該当のページのコードになります。
php
1<?php 2 3include 'shop_class.php'; 4 5error_reporting(E_ALL); 6ini_set("display_errors",1); 7session_start(); 8if(!isset($_SESSION['id'])){ 9 header('Location:login.php'); 10} 11 12$shop = new Shop('mysql:host=localhost;dbname=ec_website','root','12345'); 13 14$user_id = intval($_SESSION['id']); 15if($_POST){ 16 // var_dump($_POST); 17 // exit(); 18 19 $product_name = $_POST['name']; 20 $img = $_POST['img']; 21 $price = $_POST['price']; 22 $product_id = intval($_POST['product_id']); 23 $item_check = $shop->cart_check($user_id,$product_id); 24 25 26 if(!$item_check){ 27 // try{ 28 $shop->add_select_item($user_id,$product_id); 29 // }catch(PDOException $e){ 30 // echo $e->getMessage(); 31 // } 32 33 echo __LINE__; 34 //exit(); 35 36 }else{ 37 $shop->update($product_id); 38 echo __LINE__; 39 //exit(); 40 } 41 42} 43 44$item_list = $shop->cart_list($user_id); 45//var_dump($item_list); 46//exit(); 47//exit(); 48// foreach($item_list as $item){ 49// //var_dump($item); 50// $item_info[] = $shop->cart_item_info($item['item_id']); 51// } 52//var_dump($item_info); 53 54foreach($item_list as $item){ 55 $item_info_list[] = $shop->item_info_list($item['item_id']); 56} 57 58// $test = $item_list[0]; 59// var_dump($test); 60// exit(); 61 62 63 64 65 66 67?> 68 69<!DOCTYPE html> 70<html lang="ja"> 71<head> 72 <meta charset="UTF-8"> 73 <link type="text/css" rel="stylesheet" href="./css/cart.css"> 74 <title>カートページ</title> 75</head> 76<body> 77 <header class="header_box"> 78 <a href="top.php"> 79 <img class="logo" src="./images/logo.png" alt="CodeShop"> 80 </a> 81 82 <p class="user_name"> 83 ユーザー名:<?php echo $_COOKIE['name']; ?> 84 </p> 85 <a href="cart.php"> 86 <img src="./images/cart.png"> 87 </a> 88 <a href="logout.php" class="logout"> 89 ログアウト 90 </a> 91 </header> 92 <div class="cart_content"> 93 <h3>ショッピングカート</h3> 94 <div class="product_list_title"> 95 <span class="product_list_price">価格</span> 96 <span class="product_list_num">数量</span> 97 </div> 98 <div class="product_list"> 99 <ul> 100 <?php 101 for($i = 0; $i < count($item_info_list); $i++ ): ?> 102 103 <li class="cart_list"> 104 <?php 105 $item_info = $item_info_list[$i]; 106 $item_amount = $item_list[$i]; 107 108 ?> 109 <img src="<?=$item_info['img']?>" width="150px" height="100px"> 110 <span class="item_name"><?=$item_info['name']?></span> 111 <form action="cart.php" method="post"> 112 <input type="submit" value="削除"> 113 <input type="hidden" name="delete" value="1"> 114 </form> 115 <span class="item_price"><?=$item_info['price']?></span> 116 <form action="cart.php" method="post"> 117 <input type="text" name="quantity" value="<?=$item_amount['amount']?>" size="5">個 118 <input type="submit" value="変更する"> 119 </form> 120 121 </li> 122 <?php endfor;?> 123 124 125 </ul> 126 </div> 127 </div> 128 </body> 129 </html>
よろしくお願いします
回答2件
あなたの回答
tips
プレビュー