عرض للطباعة
http://www.swalif.net/softs/attachme...1&d=1215610012
1 - العرض 90% ، الطول 20%
2 - العرض 90% ، الطول 70%
3 - العرض 90% ، الطول 10%
4 - العرض 5% ، الطول 20%
5 - العرض 5% ، الطول 80%
سيصبح تصميم الصفحة بهذا الشكل
http://www.swalif.net/softs/attachme...1&d=1215610132
لابد من أن يكون التصميم ممتداً على كامل الصفحة .. أي أنه لا توجد مسافات وخاصة في الأسفل ، التصميم يكون بدون إستخدام الجداول ..
بغض النظر عن الألوان .. فهي للتوضيح فقط لاغير ..
أود رؤية إقتراحتكم وحلولكم لهذا الموضوع ..
اعمل الكل داخل div
و قم باعطائه 100% في العرض و الطول
السلام عليكم اخي العزيز اعتقد ممكن هذا الكود يفيدك
Dynamic Drive CSS Layouts- CSS Frames
لا أعتقد أن ما أريده قد وصل .. لدي حل .. لكنني أود رؤية حلولكم للوصول لأفضل حل ..
مممم..
تنفع اختبار في الCSS ;)كود HTML:<!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=windows-1256" />
<title>Untitled Document</title>
<!--
* CSS Layout by Flasher.ws
-->
<style type="text/css">
body, html {
height:100%;
}
body {
margin:0;
padding:0;
direction: rtl;
}
#container {
height: 100%;
}
#top {
height: 20%;
background-color: #000;
}
#top #top_r {
height: 100%;
width: 5%;
background-color: green;
float: right;
}
#top #top_l {
height: 100%;
width: 5%;
background-color: green;
float:left;
}
#right {
float:right;
width: 5%;
height: 80%;
background-color: red;
}
#left {
float:left;
width: 5%;
height: 80%;
background-color: red;
}
#center {
width: 90%;
float:right;
height: 80%;
background-color: gray;
}
#center #center_top {
height: 92%;
}
#center #center_bottom {
height: 8%;
background-color: blue;
}
</style>
</head>
<body>
<div id="container">
<div id="top">
<div id="top_r"> </div>
<div id="top_l"> </div>
</div>
<div id="right">
</div>
<div id="center">
<div id="center_top"> </div>
<div id="center_bottom"> </div>
</div>
<div id="left">
</div>
</div>
</body>
</html>
(مرفق بتنسيق افضل)
جميل جداً أستاذي flasher ، من نظرة سريعة للتطبيق وجدت أنه لا يقبل الكتابة في بعض المواضع ، عموماً سأعود لاحقاً لاتحقق من ذلك ، فكرتي تعتمد على التالي : الـ div الاب يحتوي على الـ div الابن
ساعود لاحقاً لاكمل مالدي ..كود:<style type="text/css">
body {
margin: 0px;
}
#father {
background-color: green;
/* عنصر يقوم بتوسيط المحتوى */
}
#son {
width: 90%;
background-color: black;
color: white;
}
</style>
<div id="father">
<div id="son">son</div>
</div>
السلام عليكم و رحمة الله و بركاته
أخي الكريم Flasher
لدي سؤال و هو كيف يمكن فصل الكود الذي و ضعته في ملفين html + css , مع العلم أنني حاولت و لكن هنالك خطأ لم يظهر لي حيث تظهر صفحة بيضاء .
و الشكر لكل من يساعدني
م.جانودي