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

كيف تقسم صفحة الويب إلى أربعة أقسام

بدأه الأحمري في 26 مارس 2009 · 2 رد · 3,024 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكــم ورحمـة الله وبركاتــه ،،

html

أنا مبتدئ في تصميم صفحات ويب ولكن بدأت أكتسب خبرة كل يوم

عندي سؤال بسيط ومطلوب مني إجابته

وهو تقسيم صفحة الويب إلى أربعة أقسام متساويه

بمعنى أن الصفحه تقسم إلى أربعة مربعات متساويه

بالنسبة للبيانات التي اريد أن أضعها في كل مربع لدي المقدره على ذلك

لكن العقبه في تقسيم الصفحه

لكم مني جزيل الشكر

#2

هذه مثال بسيط , ملاحظه : قمت بتجربته فقط على فير فوكس

<style>
#wrapper
{
 width : 804px;
 margin:auto;
}

.column 
{
 width:200px;
 float:right;
 border-left:1px solid black;
 height:200px;
}

</style>

<div id="wrapper" >

 <div class="column">col1</div>
 <div class="column">col2</div>
 <div class="column">col3</div>
 <div class="column">col4</div>
</div>

تم تعديل هذه المشاركة بواسطة ahmad123 في 27 مارس 2009 في 18:25

#3

السلام عليكم

أخي الكريم

لا أعرف حقا فعالية الكود الذي وضعه أخونا العزيز

أنا لي مشاركة بسيطة وهي انك يمكنك فعل ذلك بالدريم أو بواسطة الكود

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

</head>

<frameset rows="*" cols="*,517" framespacing="0" frameborder="no" border="0">

<frameset rows="218,*" cols="*" framespacing="0" frameborder="no" border="0">

<frame src="file:///G|/Program Files/Adobe/Adobe Dreamweaver CS3/UntitledFrame-11" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />

<frame src="file:///G|/Program Files/Adobe/Adobe Dreamweaver CS3/Untitled-2" name="mainFrame" id="mainFrame" title="mainFrame" />

</frameset>

<frameset rows="218,*" cols="*" framespacing="0" frameborder="no" border="0">

<frame src="file:///G|/Program Files/Adobe/Adobe Dreamweaver CS3/UntitledFrame-13" name="topFrame1" scrolling="No" noresize="noresize" id="topFrame1" title="topFrame1" />

<frame src="file:///G|/Program Files/Adobe/Adobe Dreamweaver CS3/UntitledFrame-12" name="rightFrame" scrolling="No" noresize="noresize" id="rightFrame" title="rightFrame" />

</frameset>

</frameset>

<noframes><body>

</body>

</noframes></html>

موقعي الجديد

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