سؤال بخصوص css

[متصفح سعودي]

السلام عليكم

يا إخوان لو مثلا اريد عمل جدول يتكون من صف واحد و 3 أعمدة

هل يمكن عمل ذلك عن طريق الcss لان اريد الكود جاهز وبعدين سأفهمه وأطبق أشياء كثيرة عدة إذا فهمته

شكراً لكم

[محمد 902]

بكل بسـاطة تقدر تسويه ...
بس ماقلت لي كم حجم الجدول وحجم كل عمود " يمين , يسار , وسط " ولا تبي أحط الأحجام من عندي وأنت تعدل عليها.

أخوك
محمد

[متصفح سعودي]

ايه ياريت تحطها وتشرح لي كل شيء سويته

[متصفح سعودي]

أخوي محمد انا ضفتك على الايميل اللي في توقيعك ياريت تقبل الإضافة

[متصفح سعودي]

لدي مشكلة أخرى

وهي في هذه الصفحة http://www.m5zn.com/TestNewSite/templates/header.php

كيف اقدر اشيل المسافة الصغيرة اللي بين المستطيل الكبير والمستطيل الطويل اللي تحته؟؟

وكيف اقدر اصغر المستطيل الطويل من الجوانب ليكون مساوي للمستطيل الكبير اللي فوقه من الجوانب

؟؟

[محمد 902]

هلا أخــوي PHPLover اسف على التأخير

بالنسبة للبريد للأسف هذا البريد للرسائل ولا أستخدمه للماسنجر
وبالنسبة للطلب اللي طلبته تفضل هذي الطريقة بالكــامل :

1- أكواد Html

<div id="table">
<div class="colum_right">Right</div>
<div class="colum_content">Content</div>
<div class="colum_left">Left</div>
</div>

2- أكودا CSS

#table{
	background:#fff;
	border:1px solid #f8f8f8;
	width:770px;
	height:auto;
	display:table;
	text-align:center;
	margin:0;
	padding:0;
	}
.colum_right{
	background:#F2F2F2;
	width:145px;
	height:auto;
	float:right;
	}
.colum_content{
	background:#F2F2F2;
	width:480px;
	height:auto;
	float:right;
	}
.colum_left{
	background:#F2F2F2;
	width:145px;
	height:auto;
	float:left;
	}

وبالنسبة للصفحة اللي وضعتهـا بالمشكلة فقط في الإتجـاهات ... أنت فقط ركز على الطريقة اللي وضعتهـا بالأعلى وراح تضبط معك Just thinking فقط فكـر

تحيـاتي
محمد

[متصفح سعودي]

طيب مثلا اريد الان وضع خلية بعرض الصفحة تحت الجدول اللي سويته على طول

هل اعمل .colum_left{
background:#F2F2F2;
width:145px;
height:auto;
float:bottom;
}

ثم

<div class="colum_bottom">bottom</div>



????

[محمد 902]

لا أنت فقط غير أسم Class وأمـا Float: فقط يمين ويسار أو none

أما لو تبي تسوي خليه تحت الجدول فأنت لازم تسوي التـالي:

- كود html

<div id="table">
<div class="colum_right">Right</div>
<div class="colum_content">Content</div>
<div class="colum_left">Left</div>
</div>
<div class="colum_bottom">bottom</div>

وطبعاً أنا وضعته خارج حدود الجدول زي ماطلبت

وبالنسبة لكود CSS للكلاس colum_bottom

.colum_bottom{
	background:#F2F2F2;
	width:145px;
	height:auto;
	float:left;

أتمنى فهمت الطريقة

تحيـاتي
محمد

[متصفح سعودي]

طيب اخوي محمد

كيف ممكن اسوي

1-اصغر الجدول الجديد اللي تحت من الجوانب؟

2-توسيطه؟



وجزاك الله خير وضحت الصورة

[محمد 902]

تصغره بتعديـلك على width:145px عدل عليه زي ماتحب
ولو تبي تخلي عرضه على كامل الشاشة فقط ضع width:100%

وبالنسبة لتوسيط الجدول الصغير كالتـالي:

<div align="center">
<div class="colum_bottom">bottom</div>
</div>

ولكن أحذف
float:left;
من كلاس colum_bottom
وبكذا يكون الشغل مضبوط :nice:

تحيـاتي
محمد

[متصفح سعودي]

مية مية ياشيخ جزاك الله الف الف الف خير

شكراً لك

[محمد 902]

وش دعوة هذا واجبنــــا :1power:

[متصفح سعودي]

الله يسلمك يابعدي

في مشكلة ثانية

http://www.m5zn.com/TestNewSite/templates/header.php

حاولت اخلي المربعات البيض الثلاث جمب بعض

ماعرفت ؟؟ مع إني شلت ال float تبع كل وحدة وخليتها الثلاث الdiv توسيط ولكن جات تحت بعض

[محمد 902]

حط أكـواد التصميم ... علشان أشوفها

محمد

[متصفح سعودي]

.ads1{
border : 1px dotted #006893;
background-color:#F4FBFD;
height : 50px;
width : 150px;
text-align:center;
color:#0085B5;
margin:10px;
}

.ads2{
border : 1px dotted #006893;
background-color:#F4FBFD;
height : 50px;
width : 150px;
text-align:center;
padding:7px;
color:#0085B5;
margin:10px;
}

.ads3{
border : 1px dotted #006893;
background-color:#F4FBFD;
height : 50px;
width : 150px;
text-align:center;
color:#0085B5;
margin:10px;
}


هذي هي وآسف على الإزعاج