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

التوسيط في الصفحة

بدأه thepast في 13 مايو 2012 · 7 رد · 643 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

انا اتسخدم الكود التالي في صفحتي لتوسيط المحتويات

 <meta http-equiv="X-UA-Compatible" content="IE=7">

والكود شغال في الانترنت اكسبورر

بس المشكلة اذا شغلت صفحتي في الفايرفوكس او الكروم

تأتي الصفحة المحتويات على يسار الصفحة حاولت ان اوسطها ولكن لم استطع

ارجووو المساعدة

#2

السلام عليكم

بشكل عام كود توسيط الصفحة هو كمايلي

 css
 .centerdiv
	   {

		 width:700px;
	    position: relative;
	    margin-left: auto;
		margin-right: auto;
		text-align:justify;
	   }


HTML

 <div class="centerdiv">
	   ضع محتويات الموقع داخل هذه الحاوية

	   </div>




	   Html 


	   <div class="centerdiv">


	   </div>
1
#3

شكرا جزيلا على ردك

سأجرب الكود واشوف

#4

السلام عليكم يااخي

لقد جربت الكود ولكن لم يعمل

وضعته في html

هل هذا صحيح

ام لا اين اضع الكود

#5

واضح كود الأستاذ طارق أختي

هذا الكود تضعينه في ملف css الخارجي مثلاً

 .centerdiv
       	{
             	width:700px;
             	position: relative;
             	margin-left: auto;
             	margin-right: auto;
             	text-align:justify;
       	}

وهذه ضمن body في ملف كود html

<div class="centerdiv">

       	ضع محتويات الموقع داخل هذه الحاوية

</div>

تم تعديل هذه المشاركة بواسطة _أبو حذيفة_ في 16 مايو 2012 في 19:49

الله أكبر الله أكبر الله أكبر لآ إله إلا الله الله أكبر الله أكبر ولله الحمد

#6

يا اخي انا مشروع بال asp.net

بس ما شفت ملف css

لكي اضع الكود فيه

ارجووو المساعدة

#7

طيب ضعيه ضمن head الصفحة

أنظري لهذا الكود ...

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 runat="server">
	<title></title>
<style type="text/css">

   	.centerdiv
   		{
     			width:700px;
     			position: relative;
     			margin-left: auto;
     			margin-right: auto;
     			text-align:justify;
   		}

	</style>
</head>
<body>
	<form id="form1" runat="server">
 <div class="centerdiv">

   		ضع محتويات الموقع داخل هذه الحاوية

</div>
	</form>
</body>
</html>

تم تعديل هذه المشاركة بواسطة _أبو حذيفة_ في 16 مايو 2012 في 20:40

الله أكبر الله أكبر الله أكبر لآ إله إلا الله الله أكبر الله أكبر ولله الحمد

#8

كلك يمين على المشروع وأختيار ....Add New Item

ثم اختيار

post-257900-086600000 1337190193_thumb.p

ثم

post-257900-041433000 1337190211_thumb.p

ثم

post-257900-043115400 1337190228_thumb.p

المرفقات
untitled.PNGuntitled1.PNGuntitled2.PNG
1

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