الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

اخواني مساعدة في عمل Css

بدأه man in dark في 9 يناير 2009 · 2 رد · 666 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

اخواني اريد عمل css لجدول لدي لقد سويته ببرنامج الفرنتج بيج وشغال ولكن اريده CSS

الكود

  1.  
  2. <?php
  3.    $host="localhost"; // Host name
  4.    $username="root"; // Mysql username
  5.    $password=""; // Mysql password
  6.    $db_name="msc"; // Database name
  7.    $tbl_name="hatif"; // Table name
  8.  
  9.    // Connect to server and select database.
  10.    mysql_connect("$host", "$username", "$password")or die("cannot connect");
  11.    mysql_select_db("$db_name")or die("cannot select DB");
  12.  
  13.    $sql="SELECT * FROM $tbl_name WHERE hatif.tyap LIKE 'ac' order by id DESC";
  14.    $result=mysql_query($sql);
  15.    ?>
  16.    <div align="center">
  17.    <table>
  18.    <tr>
  19.    <td><tabel>أمر</tabel></td>
  20.    <td align="center" width="31" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bot
    tom-style: solid; border-bottom-width: 1px; border-top-style:solid; border-top-width:1px">
  21.    <b><font color="#FFFFFF" face="Times New Roman">حذف</font></b></td>
  22.    <td align="center" width="31" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bot
    tom-style: solid; border-bottom-width: 1px; border-top-style:solid; border-top-width:1px">
  23.    <b><font color="#FFFFFF" face="Times New Roman">تعديل</font></b></td>
  24.    <td align="center" width="38" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bot
    tom-style: solid; border-bottom-width: 1px; border-top-style:solid; border-top-width:1px">
  25.    <b><font color="#FFFFFF" face="Times New Roman">استعراض</font></b></td>
  26.    <td align="center" width="71" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bot
    tom-style: solid; border-bottom-width: 1px; border-top-style:solid; border-top-width:1px">
  27.    <span lang="ar-sa"><b><font face="Times New Roman" color="#FFFFFF">يرسل كل يوم</font></b></s
    pan></td>
  28.    <td align="center" width="60" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bot
    tom-style: solid; border-bottom-width: 1px; border-top-style:solid; border-top-width:1px">
  29.    <b><font face="Times New Roman" color="#FFFFFF">المحضورين</font></b></td>
  30.    <td align="center" width="64" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bot
    tom-style: solid; border-bottom-width: 1px; border-top-style:solid; border-top-width:1px">
  31.    <b><font face="Times New Roman" color="#FFFFFF">اعضاء</font></b></td>
  32.    <td align="center" width="100" bordercolorlight="#FFFFFF" bgcolor="#0B334F" style="border-bo
    ttom-style: solid; border-bottom-width: 1px; border-right-style:solid; border-right-width:1px; 
    border-top-style:solid; border-top-width:1px">
  33.    <b><font color="#FFFFFF" face="Times New Roman">الرقم السري</font></b></td>
  34.    <td align="center" width="150" bordercolorlight="#113340" bgcolor="#0B334F" bordercolordark=
    "#113340" style="border-right-style: solid; border-right-width: 1px; border-top-style: solid; b
    order-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px">
  35.    <strong><font color="#FFFFFF" face="Times New Roman">اسم</font></strong></td>
  36.  
  37.    </tr>
  38.  
  39.    <?php
  40.    while($rows=mysql_fetch_array($result)){
  41.    ?>
  42.    <tr>
  43.  
  44.    <td width="31" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="
    #FFFFFF" bordercolor="#2868A7">
  45.    <b><font face="Times New Roman" color="#113340"><span lang="ar-sa">
  46.    <a href="close.php?id=<? echo $rows['id']; ?>" style="text-decoration: none">
  47.    <font color="#0B334F">إغلاق</font></a></span></font></b></td>
  48.  
  49.    <td width="31" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="
    #FFFFFF" bordercolor="#2868A7">
  50.    <font face="Times New Roman"><b>
  51.    <a href="delet.php?id=<? echo $rows['id']; ?>" style="text-decoration: none">
  52.    <font color="#0B334F">حذف</span></font></a><font color="#0B334F">
  53.    </font></b></font></td>
  54.    <td width="31" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="
    #FFFFFF" bordercolor="#2868A7">
  55.    <font face="Times New Roman"><b>
  56.    <a href="update.php?id=<? echo $rows['id']; ?>" style="text-decoration: none">
  57.    <font color="#0B334F">تعديل</span></font></a><font color="#0B334F">
  58.    </font></b></font></td>
  59.    <td width="38" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="
    #FFFFFF" bordercolor="#2868A7">
  60.    <font face="Times New Roman"><b>
  61.    <a href="View_ac.php?id=<? echo $rows['id']; ?>" style="text-decoration: none">
  62.    <font color="#0B334F">عرض</span></font></a><font color="#0B334F">
  63.    </font></b></font></td>
  64.    <td width="71" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="
    #FFFFFF" bordercolor="#2868A7"><b>
  65.    <font face="Times New Roman"><? echo $rows['todeysend']; ?></font></b></td>
  66.  
  67.    <td width="60" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="
    #FFFFFF" bordercolor="#2868A7"><b>
  68.    <font face="Times New Roman"><? echo $rows['total']-$rows['send']; ?></font></b></td>
  69.  
  70.    <td width="64" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="
    #FFFFFF" bordercolor="#2868A7"><b>
  71.    <font face="Times New Roman"><? echo $rows['send']; ?></font></b></td>
  72.  
  73.    <td width="100" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark=
    "#FFFFFF" bordercolor="#2868A7"><b>
  74.    <font face="Times New Roman"><? echo $rows['total']; ?></font></b></td>
  75.  
  76.    <td width="150" align="center" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark=
    "#FFFFFF" bordercolor="#2868A7"><b>
  77.    <font face="Times New Roman"><? echo $rows['name']; ?></font></b></td>
  78.  
  79.    </tr>
  80.    <?php
  81.    }
  82.    ?>
  83.    </table>
  84.  
  85.    </div>
  86.    </td>
  87.    </tr>
  88.    </table>
  89.    </div>
  90.  
  91.    <?php
  93.    ?>
  94.  

ملف CSS
 /* *** 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;
			}
لقد اضفت الكود لملف CSS
 tabel{
	align:center;
	width:31;
	bordercolorlight:#FFFFFF;
	bgcolor:#0B334F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style:solid;
	border-left-width:1px;
	border-top-style:solid;
	border-top-width:1px;
	color:#FFFFFF;
	}
ولكن لم يجلب نفس التنسيق

      
تم تعديل هذه المشاركة بواسطة man in dark في 9 يناير 2009 في 22:31

      

      
    

  

    
    

      
#2
        
        

      
السلام عليكــم ورحمـة الله وبركاتــة ،،
أضف هذا الكود في الصفحة و يجب أن يكون قبل كود الجدول
كـود PHP
<?php
echo "<link rel='stylesheet' href='style.css'>";
?>
style.css هو إسم ملف ال css
إستبدله بإسم الملف خاصتك
في وسم الجدول ضع
<table class="table">
وفي صفحة الcss ضع الكود التالي
.table{
	align:center;
	width:31;
	bordercolorlight:#FFFFFF;
	bgcolor:#0B334F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style:solid;
	border-left-width:1px;
	border-top-style:solid;
	border-top-width:1px;
	color:#FFFFFF;
	}
بالتوفيق لك أخي

      
تم تعديل هذه المشاركة بواسطة lafkih-simo في 25 فبراير 2009 في 21:33

      

      
    

  

    
    

      
#3
        
        

      
اخي انت كتبت التنسيقات اللي كنت تستخدمها لـ td في معلومات table
والاعقد انك كنت تستخدمها لبعض ال tds
الموضوع تحتاج شغل اكثر من كذا..

      
      

      
php5-zce-logo-new.gif
CCNA, CCNA Security, CCNP

    

  

    
    
    
 مواضيع مشابهة