For the school presidentship voting system that I created, I am looking to enhance the user interface through website styling.
In my administrator view, there are numerous codes displayed which require scrolling down frequently.
Here is the code snippet from my administrator.php file with a "header" divice that I want to stay fixed even when scrolling down.
If you are interested in trying out all the files on your browser, feel free to comment and I can upload them online for you.
<?php
require_once('admin-auth.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
<link rel="SHORTCUT ICON" href="images/log.png">
<title>DSI Voting System</title>
<style>
/* CSS code inline */
</style>
</head>
<body>
<div id="header">
<!-- Header content -->
</div>
<div id="content">
<center>
<div id="scroll">
<table style="margin-top:0px;">
<!-- Table data goes here -->
</table>
</div>
</center>
</div>
<div id="footer">
Ozan Kurt Voting System © 2014
</div>
</body>
</html>
Below is the CSS code:
@charset "utf-8";
/* CSS Document */
*
{
padding: 0px;
margin: 0px;
}
/* CSS styles go here */