Homework Answers
Below is the solution:
chapter05-project01.html:
<html lang="en">
<head>
<meta charset="utf-8">
<title>Chapter 9</title>
<link rel="stylesheet" href="css/chapter05-project01.css">
</head>
<body>
<form method="get" action="" id="mainForm">
<fieldset>
<legend>Advance Art Work Search</legend>
<table>
<tbody>
<tr>
<td style="background-color:#BDBDBD; padding: 20px; border: 1px solid #616161;">
<input name="search" id="search" placeholder="Search title" type="text">
<label>Subject </label>
<label>History </label>
<label>Person </label>
<label>Landscape</label>
<select name="genre" class="hilightable">
<option>Select Choice</option>
<option>Abstract</option>
<option>Baroque</option>
<option>Gothic</option>
<option>Renaissance</option>
</select>
<input value="filter" type="submit">
</td>
</tr>
<tr>
<td style="background-color:#BDBDBD; padding: 20px; border: 1px solid #616161;">
<select name="subject" class="hilightable">
<option>Choose subject</option>
<option>Animals</option>
<option>Landscape</option>
<option>People</option>
</select>
<input value="Apply To All" type="submit">
</td>
</tr>
<tr>
<td style="background-color:gainsboro; padding: 20px; border: 1px solid #616161;">
<h1 style="text-align:center; font-size:20px; background-color: #616161; padding:10px 0;">Paintings</h1>
<table>
<thead>
<tr>
<td>Title</td>
<td>Artist</td>
<td>Year</td>
<td>Genre</td>
<td>Actions</td>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1px solid #616161;">
<td>
<input name="index[]" value="10" type="checkbox">
<img src="images/05030.jpg">Douch of Magic
</td>
<td>
<p>David Jacqlin Us</p>
</td>
<td>
<p>1973</p>
</td>
<td>
<p>Romantism</p>
</td>
<td>
<button class="btn">
<img src="images/archive.png">
</button>
<button class="btn">
<img src="images/edit.png">
</button>
<button class="btn">
<img src="images/delete.png">
</button>
<button class="btn">
<img src="images/collection.png">
</button>
</td>
</tr>
<tr>
<td>
<input name="index[]" value="10" type="checkbox">
<img src="images/06010.jpg">Douch of Magic
</td>
<td>
<p>David Jacqlin Us</p>
</td>
<td>
<p>1973</p>
</td>
<td>
<p>Romantism</p>
</td>
<td>
<button class="btn">
<img src="images/archive.png">
</button>
<button class="btn">
<img src="images/edit.png">
</button>
<button class="btn">
<img src="images/delete.png">
</button>
<button class="btn">
<img src="images/collection.png">
</button>
</td>
</tr>
<tr>
<td>
<input name="index[]" value="10" type="checkbox">
<img src="images/07020.jpg">Douch of Magic
</td>
<td>
<p>David Jacqlin Us</p>
</td>
<td>
<p>1973</p>
</td>
<td>
<p>Romantism</p>
</td>
<td>
<button class="btn">
<img src="images/archive.png">
</button>
<button class="btn">
<img src="images/edit.png">
</button>
<button class="btn">
<img src="images/delete.png">
</button>
<button class="btn">
<img src="images/collection.png">
</button>
</td>
</tr>
<tr>
<td>
<input name="index[]" value="10" type="checkbox">
<img src="images/13030.jpg">Douch of Magic
</td>
<td>
<p>David Jacqlin Us</p>
</td>
<td>
<p>1973</p>
</td>
<td>
<p>Romantism</p>
</td>
<td>
<button class="btn">
<img src="images/archive.png">
</button>
<button class="btn">
<img src="images/edit.png">
</button>
<button class="btn">
<img src="images/delete.png">
</button>
<button class="btn">
<img src="images/collection.png">
</button>
</td>
</tr>
<tr>
<td>
<input name="index[]" value="10" type="checkbox">
<img src="images/120010.jpg">Douch of Magic
</td>
<td>
<p>David Jacqlin Us</p>
</td>
<td>
<p>1973</p>
</td>
<td>
<p>Romantism</p>
</td>
<td>
<button class="btn">
<img src="images/archive.png">
</button>
<button class="btn">
<img src="images/edit.png">
</button>
<button class="btn">
<img src="images/delete.png">
</button>
<button class="btn">
<img src="images/collection.png">
</button>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</fieldset>
</form>
</body>
</html>
chapter05-project01.css:
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Merriweather);
/* general text formatting */
h1, h2, h3, legend {
font-family: 'Merriweather', serif; }
body {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
}
table {
width: 100%;
margin: 0 auto;
}
table,tr,td,img,input{
vertical-align: middle;
}
td{
border-bottom: 1px solid #616161;
padding: 8px;
}
legend {
background-color: #616161 ;
color: white;
margin: 0 auto;
width: 90%;
padding: 0.25em;
text-align: center;
font-weight: bold;
font-size: 24px;
}
fieldset {
margin: 1em auto;
background-color: #F5F5F5;
width: 80%;
}
form p {
margin-top: 0.5em;
}
form input[type="text"], form select {
font-size: 16px;
height: 24px;
padding: 3px;
}
form select {
height: 30px;
}
.btn {
color: black;
font-size: 14px;
background: #F5F5F5;
}
.btn:hover {
background:#616161;
}
output:
Add Answer to:
I need help executing this form
Advanced Art Work Search Paintings Year Genre actions Artist each...
Please i need help with with this php files, the css does not have to look...
Please i need help with with this php files, the css does not
have to look like in the screen shot in the button.
Create a file named paint.class.php and within it define a class
named Paint, which has the following private
properties:
imgName
title
artist
year
gender
paintID
Define a static member variable named id, which will be used to
set each instance’s paintID value and then be incremented, all
inside the class constructor.
Create a constructor that takes...
Please i need help with with this php files, the css does not
have to look like in the screen shot in the button.
Create a file named paint.class.php and within it define a class
named Paint, which has the following private
properties:
imgName
title
artist
year
gender
paintID
Define a static member variable named id, which will be used to
set each instance’s paintID value and then be incremented, all
inside the class constructor.
Create a constructor that takes...
Most questions answered within 3 hours.
-
Oxidative phosphorylation is achieved through chemiosmotic
coupling, which turns chemical energy into osmotic potential energy
that...
asked 2 hours ago -
Hollywood Shoes would like to maintain their cash account at a
minimum level of $64,000, but...
asked 2 hours ago -
Proteins CtrA-P, DnaA, and GcrA behave similarly to what
molecule in the Eukaryotic Cell Cycle?
asked 2 hours ago -
TRUE OR FALSE
In case of a competitive tender procedure, in the request for
quotation, the...
asked 2 hours ago -
I am a little behind please provide some explanation, will
provide thumbs up.
This question considers...
asked 2 hours ago -
Let say the utility function as U(X,Y) = lnX + Y. Show that the
marginal rate...
asked 2 hours ago -
A current of I=8.0A is flowing in a typical extension cord of
length L=3.00m. The cord...
asked 2 hours ago -
1. When balancing the equation H2SO4 (aq) + NaOH (aq) →
Na2SO4(aq) + H2O(aq), would you...
asked 3 hours ago -
Provide a definition of “classification hierarchy” and
illustrate your definition with an example of how and...
asked 2 hours ago -
1. Describe the four main green solvents. Provide one example of
the use of each solvent....
asked 2 hours ago -
International ethics focus on:
1) exploitation of labor
2)corruption
3) environmental impact
4) none of the...
asked 3 hours ago -
Costing Models You work for XYZ trucking and your boss has asked
you to figure out...
asked 2 hours ago