html - Align text and input issues with CSS -
would term , faculty student name , clinical site text in top left , input in bottom right.
this wants me add more information code have nothing more it.
<?php include ($_session['root_path_full'].'roles/student/scripts/studentqueries.php'); function drawstudentlabel($currentuser, $userinfo) { echo ('<table id="user_label" border="1"> <tr> <th>student name: <input class="u_label" readonly type="text" value="'.$userinfo['fullname'].'" name="student_name"/></th> <th>term: <input class="u_label" readonly value="'.$userinfo['termid'].'" type="text" name="term"/></th><br> <th> <b>key: </b> <a href="../../main/keyfull.php" target="_blank" class=\'help\' title="consistently exceeds expected performance">s+</a>/ <a href="keyfull.php" target="_blank" class=\'help\' title="performs expected">s</a> / <a href="keyfull.php" target="_blank" class=\'help\' title="needs improvement">ni</a> / <a href="keyfull.php" target="_blank" class=\'help\' title="unsafe or vastly deficient">u</a> / <a href="keyfull.php" target="_blank" class=\'help\' title="not applicable">na</a> / <a href="keyfull.php" target="_blank" class=\'help\' title="not observed clinical instructor">no</a> </th></tr> <tr> <th>faculty:<input class="u_label" readonly value="'.$userinfo['instructor'].'" type="text" name="faculty"/></th> <th>clinical site(s): <input class="u_label" type="text" name="clinical site"/></th> <th>- click on rating full explanation</th> </tr> <tr>'); $result = getstudentavailclinicals($currentuser); echo "<td><label>available clinicals: </label></td>"; echo "<td ><select id='clinical_id' name='clinicalids'>"; while($row = $result->fetch_assoc()) {if (isset($clinicalids) && ($clinicalids == $row['clinicalid'])) { echo '<option value="'.$row['clinicalid'].'" selected>'.$row['clinicalid'].'</option>'; } else { echo '<option value="'.$row['clinicalid'].'">'.$row['clinicalid'].'</option>'; } } echo "</select></td>"; echo '<td><input type="submit" name="activate" value="activate" onclick="reloadforquestions();"/></td></tr></table>'; }
css
#user_label { text-align: left; background-color: #ffffcc; float: right; } .u_label { float: right; text-align: center; } #keys { background-color: #cfcfff; text-align: center; } #keys td:hover { background-color: white; } #clinical_id { width: 50%; text-align: center; }
wrap text in label this
<th> <label>student name:</label> <input class="u_label" type="text" /> </th> and add css
label{ display:block;} check solution here
Comments
Post a Comment