السلام عليكم
اخواني اريد عمل css لجدول لدي لقد سويته ببرنامج الفرنتج بيج وشغال ولكن اريده CSS
الكود
كود PHP:
<?php
$host="localhost"; // Host name
$username="root"; // Mysql username
$password=""; // Mysql password
$db_name="msc"; // Database name
$tbl_name="hatif"; // Table name
// Connect to server and select database.
mysql_connect("$host", "$username", "$password")or die("cannot connect");
mysql_select_db("$db_name")or die("cannot select DB");
$sql="SELECT * FROM $tbl_name WHERE hatif.tyap LIKE 'ac' order by id DESC";
$result=mysql_query($sql);
?>
<div align="center">
<table>
<tr>
<td><tabel>أمر</tabel></td>
<td align="center" width="31" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bottom-style: solid; border-bottom-width: 1px; border-top-style:solid; border-top-width:1px">
<b><font color="#FFFFFF" face="Times New Roman">حذف</font></b></td>
<td align="center" width="31" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bottom-style: solid; border-bottom-width: 1px; border-top-style:solid; border-top-width:1px">
<b><font color="#FFFFFF" face="Times New Roman">تعديل</font></b></td>
<td align="center" width="38" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bottom-style: solid; border-bottom-width: 1px; border-top-style:solid; border-top-width:1px">
<b><font color="#FFFFFF" face="Times New Roman">استعراض</font></b></td>
<td align="center" width="71" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bottom-style: solid; border-bottom-width: 1px; border-top-style:solid; border-top-width:1px">
<span lang="ar-sa"><b><font face="Times New Roman" color="#FFFFFF">يرسل كل يوم</font></b></span></td>
<td align="center" width="60" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bottom-style: solid; border-bottom-width: 1px; border-top-style:solid; border-top-width:1px">
<b><font face="Times New Roman" color="#FFFFFF">المحضورين</font></b></td>
<td align="center" width="64" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bottom-style: solid; border-bottom-width: 1px; border-top-style:solid; border-top-width:1px">
<b><font face="Times New Roman" color="#FFFFFF">اعضاء</font></b></td>
<td align="center" width="100" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bottom-style: solid; border-bottom-width: 1px; border-right-style:solid; border-right-width:1px; border-top-style:solid; border-top-width:1px">
<b><font color="#FFFFFF" face="Times New Roman">الرقم السري</font></b></td>
<td align="center" width="150" bordercolorlight="#113340" bgcolor="#0B334F" bordercolordark="#113340" style="border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px">
<strong><font color="#FFFFFF" face="Times New Roman">اسم</font></strong></td>
</tr>
<?php
while($rows=mysql_fetch_array($result)){
?>
<tr>
<td width="31" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" bordercolor="#2868A7">
<b><font face="Times New Roman" color="#113340"><span lang="ar-sa">
<a href="close.php?id=<? echo $rows['id']; ?>" style="text-decoration: none">
<font color="#0B334F">إغلاق</font></a></span></font></b></td>
<td width="31" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" bordercolor="#2868A7">
<font face="Times New Roman"><b>
<a href="delet.php?id=<? echo $rows['id']; ?>" style="text-decoration: none">
<font color="#0B334F">حذف</span></font></a><font color="#0B334F">
</font></b></font></td>
<td width="31" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" bordercolor="#2868A7">
<font face="Times New Roman"><b>
<a href="update.php?id=<? echo $rows['id']; ?>" style="text-decoration: none">
<font color="#0B334F">تعديل</span></font></a><font color="#0B334F">
</font></b></font></td>
<td width="38" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" bordercolor="#2868A7">
<font face="Times New Roman"><b>
<a href="View_ac.php?id=<? echo $rows['id']; ?>" style="text-decoration: none">
<font color="#0B334F">عرض</span></font></a><font color="#0B334F">
</font></b></font></td>
<td width="71" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" bordercolor="#2868A7"><b>
<font face="Times New Roman"><? echo $rows['todeysend']; ?></font></b></td>
<td width="60" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" bordercolor="#2868A7"><b>
<font face="Times New Roman"><? echo $rows['total']-$rows['send']; ?></font></b></td>
<td width="64" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" bordercolor="#2868A7"><b>
<font face="Times New Roman"><? echo $rows['send']; ?></font></b></td>
<td width="100" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" bordercolor="#2868A7"><b>
<font face="Times New Roman"><? echo $rows['total']; ?></font></b></td>
<td width="150" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" bordercolor="#2868A7"><b>
<font face="Times New Roman"><? echo $rows['name']; ?></font></b></td>
</tr>
<?php
}
?>
</table>
</div>
</td>
</tr>
</table>
</div>
<?php
mysql_close();
?>
ملف CSS
كود PHP:
/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by/2.0/deed.en */
body {
background-color: #062134;
font-size: 11px;
font-family: AdvertisingBold;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}
#header {
position:relative;
background-color: #062134;
width:100%;
height:200px;
}
#header .logo {
background-color: #062134;
float:left;
}
#headinfo {
position:absolute;
right:90px;
background-color: #062134;
}
h1 {
font-size: 20px;
text-align: left;
text-transform:uppercase;
background-color: #062134;
border-top:1px solid #062134;
border-bottom:5px solid #062134;
padding:5px 15px;
margin:0px }
h2 {
text-align:center;
font-size:20px;
font-weight : normal;
color: #FFFFFF;
padding: 5px 10px;
margin:0px;
}
h3 {
margin-top: 0px;
text-transform:capitalize;
text-align:right;
font-size:25px;
font-weight: normal;
color: #FFFFFF;
}
h4 {
text-align:right;
font-size:18px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}
img.download {vertical-align:middle;}
#container {
width: 905px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #0e3b5c;
}
#banner {
background-color: #072135;
text-align: center;
padding: 0px;
margin: 0px;
}
#banner img {padding:0px 0px;}
#content {
background-color: #0e3b5c;
background-repeat: no-repeat;
padding: 0px;
margin-left: 0px;
margin-right: 200px;
text-align: right;
}
div#content {
min-height:800px;
height:expression(this.scrollHeight > 200 ? "auto":"200px");
}
p, pre{
padding: 5px 10px;
margin:0px;
}
#left {
float: right;
width: 200px;
top: 0px;
margin: 0px;
padding: 0px;
}
#footer {
background-image: ('/images/footer.png')
margin: 0px;
padding: 0px;
text-align: center;
}
h3 {
font-size:15px;
font-weight: bold;
margin:0px;}
hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}