كيف يمكن ترتيب موقع الانترنت HTML ، وعند تصغير نافذة المتصفح لا تتغير مواقع العناصر ؟

M996

السلام عليكم ..
كيف يمكن ترتيب موقع انترنت بسيط ، يحتوي صورتين وخلفية " مثلاً " وعند تغيير حجم نافذة المتصفح " تكبير أو تصغير " لا تتغير مواقع هذه الصور ؟
بحيث تكون في موقع ثابت ..

التعليقات

mohammad anzawi - Mohammad Alamour

عند اعطاء الاحجام اي
width , height
خلي القيم بالــ % مش px .. الخ
هيك شو ما غيرت حجم المتصفح رح يبقى نفس الحجم .
او تستخدم
@media screen

بالمرة القادمة حين تضع سؤالا مماثلاً يتوجب عليك وضع محاولتك . لنفيدك اكثر وانت تستفيد اكثر
فاذا لم تضع محاولتك يعنني انك لم تحاول واخذت هذه المعلومة بسهولة مما يجعلك تنساها بسهولة
اتمنى ان يكون قصدي واضحا

راتب الحسين

@media screen

ممكن تشرح لي عنها أكثر

M996

جميل ، وبالنسبة للموقع ؟
Position
_____________
شكراً لك ، ولكن جديد على الموقع وتجربتي كانت كصفحة HTML موجودة باللابتوب الآخر ..

mohammad anzawi - Mohammad Alamour

ساقولها من باب النصيحة لا اكثر ..
اذا كنت بالفعل ان تتعلم البرمجة فيجب ان يكون السؤال هو اخر حل لك .
الحلول يجب ان تكون بالترتيب التالي :
التجربة والتعلم من اخطائها .
البحث ( من الانترنت او من الكتب)
ان لم تجد اجابتك فقم بسؤال المختصين بذلك !

هذا اكلام من وجه نظري .. انا ايضا ما زلت اتعلم وانصحك بموقع
www.w3schools.com/

اكتب في جوجل
position in css
وانظر كم اجابة لسؤالك !
بدك بالعربي !!؟
اكتب
شرح position in css

وهذا الرابط
https://www.google.jo/?gws_rd=cr&ei=4WzbUuerJqGj0QWIp4Ew#q=position+in+css+%D8%B4%D8%B1%D8%AD

hanymoh - hany moh

خذها قاعدة ..
Google is your friend :)

أحمد حاجي

السي إس إس من اللغات التي يجب تعلمها عن طريق التجربة، لأن كل صفحة تحتوي على الكثير من العناصر الاخرى التي تؤثر في غيرها ..

khashabawy - عبدالله خشبة

<body>
<div style="width:1140px; min-width:1140px; max-width:1140px;">
Site content
<div>
</body>

غير 1140 إلى القيمة المرغوبة

Anasjber - أنس تمام

الموضوع بسيط، بدايةً قم بعمل كلاس بحجم معين مثلاً 1000 بكسل، وضع الصورتين بداخله وليكون أحجامهم 450 بيكسل للصورتين
حينها عند تغيير حجم المتصفح ستبقى ثابته ولن يتغير موقعهم، تطبيق سريع:

<head>
<style>
* {
padding:0;
margin:0;
border:0;
}
body {
background: url('background-dir.jpg'); /*خلفية الصفحة*/
}
.container {
width:1000px;
margin:0 auto; /*لتوسيط الصور*/
}
.container img {
width:450px; /*حجم الصور*/
}
</style>
</head>
<body>
<div class="container">
<img src="pic-dir1.jpg" />
<img src="pic-dir2.jpg" />
</div>
<body>

بن إسحاق سوفت - محمد سعيد بن إسحاق

أرني مساهمتك أولاً حتى أستطيع مساعتدتك وأعرف المشكلة من وين ...
مجرد طرح سؤال من غير تطبيق عملي قمت به ليس بالأمر الجيد .. فلا أستطيع مساعدتك إلا بالتخمين فقط ..
أرني الصفحة التي قمت بها == رابط الصفحة أو الكود .
وسنساعد بأقصى سرعة ممكنة .. تحياتي .

	الموضوع و التعليقات و باقي البيانات في هذه الصفحة منقولة و معدلة من المصدر على الرابط التالي : https://io.hsoub.com/webdev/3870
	هذا الموضوع مرخص تحت : رخصة المشاع الإبداعي BY-SA

المشاركة :