Can you help me display the pictures and buttons in this code???????????/ C:\\Us
ID: 3723823 • Letter: C
Question
Can you help me display the pictures and buttons in this code???????????/ C:UsersmberOneDriveDocumentsproject 2images2
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Paintings</title>
<style type="text/css" />
table{
border-collapse:collpase;
border:1px solid #aaa9a9;
padding:10px;
ling-height:30px;
margin:auto;
}
table .head{
background:#dbd9d9;
line-height:35px;
}
table .sub_header{
background:#f7f3f3;
text-align:left;
line-height:30px;
}
table .sub_header th{
border:0px solid #f7f3f3;
}
table td{
border-top:1px solid #f7f3f3;
border-left:0px solid #000;
border-bottom:0px solid #000;
border-right:0px solid #000;
}
.row{
border-top:2px solid #c0bebe;
}
a{
cursor: pointer;
text-style:none;
color:#000;
}
</style>
</head>
<body>
<form action="http://www.randyconnolly.com/tests/process.php" />
<table border="1px">
<tr class="head"><th colspan="7">Paintings</th></tr>
<tr class="sub_header" ><th></th><th></th><th>Title</th><th>Artist</th><th>Year</th><th>Genre</th><th>Actions</th></tr>
<tr class="row">
<td><input type="checkbox" name="index[]" value="10" /></td>
<td><img src="marat.jpg" width="70px" height="70px" /></td>
<td>Death of Marat</td><td>David, Jacquis Louis</td><td>1793</td>
<td>Romanticism</td><td>
<button name="action" value="1"><img src="download.jpg" width="10px" height="20px"/></button>
<button name="action" value="2"><img src="edit.jpg" width="10px" height="20px"/></button>
<button name="action" value="3"><img src="delete.jpg" width="10px" height="20px"/></button>
<button name="action" value="4"><img src="view.jpg" width="10px" height="20px"/></button>
</td>
</tr>
<tr>
<td><input type="checkbox" name="index[]" value="12" /></td>
<td><img src="project2/images/mara.jpg" width="70px" height="70px" /></td>
<td>Portrait of Elinor of Toledo</td><td>Bronzino, Agnolo</td><td>1545</td>
<td>Mannerism</td><td>
<button><img src="download.jpg" width="10px" height="20px"/></button>
<button><img src="edit.png" width="10px" height="20px"/></button>
<button><img src="delete.jpg" width="10px" height="20px"/></button>
<button><img src="view.jpg" width="10px" height="20px"/></button>
</td>
</tr>
<tr>
<td><input type="checkbox" name="index[]" value="13" /></td>
<td><img src="image3.jpg" width="70px" height="70px" /></td>
<td>Liberty Leading the People</td><td>Datatrox, Eugene</td><td>1820</td>
<td>Romanticism</td><td>
<a href="#download" ><button><img src="download.jpg" width="10px" height="20px"/></button></a>
<a href="#edit" ><button><img src="edit.png" width="10px" height="20px"/></button></a>
<a href="#delete" ><button><img src="delete.jpg" width="10px" height="20px"/></button></a>
<a href="#view" ><button><img src="view.jpg" width="10px" height="20px"/></button></a>
</td>
</tr>
<tr>
<td><input type="checkbox" name="index[]" value="14" /></td>
<td><img src="image4.jpg" width="70px" height="70px" /></td>
<td>Arrangement in Grey and Black</td><td>Whistler, James Abbox</td><td>1871</td>
<td>Realism</td><td>
<a href="#download" ><button><img src="download.jpg" width="10px" height="20px"/></button></a>
<a href="#edit" ><button><img src="edit.png" width="10px" height="20px"/></button></a>
<a href="#delete" ><button><img src="delete.jpg" width="10px" height="20px"/></button></a>
<a href="#view" ><button><img src="view.jpg" width="10px" height="20px"/></button></a>
</td>
</tr>
<tr>
<td><input type="checkbox" name="index[]" value="15" /></td>
<td><img src="image5.jpg" width="70px" height="70px" /></td>
<td>Arrangement in Grey and Black</td><td>Angres Jean Augusta</td><td>1806</td>
<td>Neo-Classicism</td><td>
<a href="#download" ><button><img src="download.jpg" width="10px" height="20px"/></button></a>
<a href="#edit" ><button><img src="edit.jpg" width="10px" height="20px"/></button></a>
<a href="#delete" ><button><img src="delete.jpg" width="10px" height="20px"/></button></a>
<a href="#view" ><button><img src="view.jpg" width="10px" height="20px"/></button></a>
</td>
</tr>
</table>
</form>
</body>
</html>
Explanation / Answer
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Paintings</title>
<style type="text/css" />
table{
border-collapse:collpase;
border:1px solid #aaa9a9;
padding:10px;
ling-height:30px;
margin:auto;
}
table .head{
background:#dbd9d9;
line-height:35px;
}
table .sub_header{
background:#f7f3f3;
text-align:left;
line-height:30px;
}
table .sub_header th{
border:0px solid #f7f3f3;
}
table td{
border-top:1px solid #f7f3f3;
border-left:0px solid #000;
border-bottom:0px solid #000;
border-right:0px solid #000;
}
.row{
border-top:2px solid #c0bebe;
}
a{
cursor: pointer;
text-style:none;
color:#000;
}
</style>
</head>
<body>
<form action="http://www.randyconnolly.com/tests/process.php" />
<table border="1px">
<tr class="head"><th colspan="7">Paintings</th></tr>
<tr class="sub_header" ><th></th><th></th><th>Title</th><th>Artist</th><th>Year</th><th>Genre</th><th>Actions</th></tr>
<tr class="row">
<td><input type="checkbox" name="index[]" value="10" /></td>
<td><img src="C:UsersmberOneDriveDocumentsproject2images2marat.jpg" width="70px" height="70px" /></td>
<td>Death of Marat</td><td>David, Jacquis Louis</td><td>1793</td>
<td>Romanticism</td><td>
<button name="action" value="1"><img src="download.jpg" width="10px" height="20px"/></button>
<button name="action" value="2"><img src="edit.jpg" width="10px" height="20px"/></button>
<button name="action" value="3"><img src="delete.jpg" width="10px" height="20px"/></button>
<button name="action" value="4"><img src="view.jpg" width="10px" height="20px"/></button>
</td>
</tr>
<tr>
<td><input type="checkbox" name="index[]" value="12" /></td>
<td><img src="C:UsersmberOneDriveDocumentsproject2images2mara.jpg" width="70px" height="70px" /></td>
<td>Portrait of Elinor of Toledo</td><td>Bronzino, Agnolo</td><td>1545</td>
<td>Mannerism</td><td>
<button><img src="C:UsersmberOneDriveDocumentsproject2images2download.jpg" width="10px" height="20px"/></button>
<button><img src="C:UsersmberOneDriveDocumentsproject2images2edit.png" width="10px" height="20px"/></button>
<button><img src="C:UsersmberOneDriveDocumentsproject2images2delete.jpg" width="10px" height="20px"/></button>
<button><img src="C:UsersmberOneDriveDocumentsproject2images2 iew.jpg" width="10px" height="20px"/></button>
</td>
</tr>
<tr>
<td><input type="checkbox" name="index[]" value="13" /></td>
<td><img src="C:UsersmberOneDriveDocumentsproject2images2image3.jpg" width="70px" height="70px" /></td>
<td>Liberty Leading the People</td><td>Datatrox, Eugene</td><td>1820</td>
<td>Romanticism</td><td>
<a href="#download" ><button><img src="C:UsersmberOneDriveDocumentsproject2images2download.jpg" width="10px" height="20px"/></button></a>
<a href="#edit" ><button><img src="C:UsersmberOneDriveDocumentsproject2images2edit.png" width="10px" height="20px"/></button></a>
<a href="#delete" ><button><img src="C:UsersmberOneDriveDocumentsproject 2images2delete.jpg" width="10px" height="20px"/></button></a>
<a href="#view" ><button><img src="C:UsersmberOneDriveDocumentsproject 2images2 iew.jpg" width="10px" height="20px"/></button></a>
</td>
</tr>
<tr>
<td><input type="checkbox" name="index[]" value="14" /></td>
<td><img src="image4.jpg" width="70px" height="70px" /></td>
<td>Arrangement in Grey and Black</td><td>Whistler, James Abbox</td><td>1871</td>
<td>Realism</td><td>
<a href="#download" ><button><img src="C:UsersmberOneDriveDocumentsproject2images2download.jpg" width="10px" height="20px"/></button></a>
<a href="#edit" ><button><img src="C:UsersmberOneDriveDocumentsproject2images2edit.png" width="10px" height="20px"/></button></a>
<a href="#delete" ><button><img src="C:UsersmberOneDriveDocumentsproject 2images2delete.jpg" width="10px" height="20px"/></button></a>
<a href="#view" ><button><img src="C:UsersmberOneDriveDocumentsproject 2images2 iew.jpg" width="10px" height="20px"/></button></a>
</td>
</tr>
<tr>
<td><input type="checkbox" name="index[]" value="15" /></td>
<td><img src="C:UsersmberOneDriveDocumentsproject 2images2image5.jpg" width="70px" height="70px" /></td>
<td>Arrangement in Grey and Black</td><td>Angres Jean Augusta</td><td>1806</td>
<td>Neo-Classicism</td><td>
<a href="#download" ><button><img src="C:UsersmberOneDriveDocumentsproject 2images2download.jpg" width="10px" height="20px"/></button></a>
<a href="#edit" ><button><img src="C:UsersmberOneDriveDocumentsproject2images2edit.jpg" width="10px" height="20px"/></button></a>
<a href="#delete" ><button><img src="C:UsersmberOneDriveDocumentsproject 2images2delete.jpg" width="10px" height="20px"/></button></a>
<a href="#view" ><button><img src="C:UsersmberOneDriveDocumentsproject 2images2 iew.jpg" width="10px" height="20px"/></button></a>
</td>
</tr>
</table>
</form>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.