-
글쓴이글
-
2022년 5월 13일 16:18 #33877
이창민참가자강사님께서는 셀병합도 쓰시고 눈에 보이는 결과물은 같더라도 저랑 코드 내용이 너무 다른거같은데
하기와 같이 코딩시 어떤 문제점이 생길 수 있을까요?숙제 진행할때마다 강사님과 코드 내용이 달라
제가 이해를 잘못해 방향을 잘못가고있는건지 확인차 여쭙니다<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>shopping cart</title>
<link href="main.css" rel="stylesheet">
</head><body>
<div class="background">
<div class="title">
<h1>Your Shopping Cart</h1>
</div><div class="item-list">
<table class="table">
<tr>
<th></th>
<th style="text-align:left">ITEM</th>
<th>AMOUNT</th>
<th>PRICE</th>
<th>TOTAL</th>
</tr>
<tr>
<td><img src="소니-1번.jpg"></td>
<td style="text-align:left">SONY<br>FE 70-200 mm F2.8 GM OSS</td>
<td >1</td>
<td>$ 10,000</td>
<td>$ 10,000</td>
</tr>
<tr>
<td><img src="소니-2번.jpg"></td>
<td style="text-align:left">SONY<br>Sonnar T E 24mm F1.8 ZA</td>
<td>1</td>
<td>$ 20,000</td>
<td>$ 20,000</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td style="font-size:20px">$ 30,000</td>
</tr>
</table>
</div><div class="link">
<a href="#"><span style="font-size:20px">Edit your shopping cart</span></a>
<button class="button">Choose payment method</button>
</div></div>
</body>
</html>
-------------------------------------------------------------------------------------------
body div{
box-sizing: border-box;
margin:0;
}.background{
width:100%;
max-width:1000px;
height:800px;
background-color:aqua;
margin:auto;
margin-top:100px;
padding:10px;
}.title{
width:80%;
max-width:800px;
margin:auto;
}.item-list{
background-color:white;
width:80%;
max-width:800px;
height: 500px;
margin:auto;
padding:10px;
}td{
vertical-align: middle;
text-align: center;
border-top:1px solid black;}
.table{
width:100%;
height:100%;
margin:auto;
padding:1px;
border-collapse:collapse;
}.link{
width:80%;
max-width:800px;
margin:auto;
margin-top:30px;
}.button{
width:250px;
padding:1px;
height:50px;
font-size:15px;
border:none;
border-radius:5px;
background-color: navy;
color:white;
float:right;
} -
글쓴이글
- 답변은 로그인 후 가능합니다.