السلام عليكم ..
كيف يمكن ترتيب موقع انترنت بسيط ، يحتوي صورتين وخلفية " مثلاً " وعند تغيير حجم نافذة المتصفح " تكبير أو تصغير " لا تتغير مواقع هذه الصور ؟
بحيث تكون في موقع ثابت ..
كيف يمكن ترتيب موقع الانترنت HTML ، وعند تصغير نافذة المتصفح لا تتغير مواقع العناصر ؟
عند اعطاء الاحجام اي
width , height
خلي القيم بالــ % مش px .. الخ
هيك شو ما غيرت حجم المتصفح رح يبقى نفس الحجم .
او تستخدم
@media screen
بالمرة القادمة حين تضع سؤالا مماثلاً يتوجب عليك وضع محاولتك . لنفيدك اكثر وانت تستفيد اكثر
فاذا لم تضع محاولتك يعنني انك لم تحاول واخذت هذه المعلومة بسهولة مما يجعلك تنساها بسهولة
اتمنى ان يكون قصدي واضحا
جميل ، وبالنسبة للموقع ؟
Position
_____________
شكراً لك ، ولكن جديد على الموقع وتجربتي كانت كصفحة HTML موجودة باللابتوب الآخر ..
ساقولها من باب النصيحة لا اكثر ..
اذا كنت بالفعل ان تتعلم البرمجة فيجب ان يكون السؤال هو اخر حل لك .
الحلول يجب ان تكون بالترتيب التالي :
التجربة والتعلم من اخطائها .
البحث ( من الانترنت او من الكتب)
ان لم تجد اجابتك فقم بسؤال المختصين بذلك !
هذا اكلام من وجه نظري .. انا ايضا ما زلت اتعلم وانصحك بموقع
www.w3schools.com/
اكتب في جوجل
position in css
وانظر كم اجابة لسؤالك !
بدك بالعربي !!؟
اكتب
شرح position in css
وهذا الرابط
السي إس إس من اللغات التي يجب تعلمها عن طريق التجربة، لأن كل صفحة تحتوي على الكثير من العناصر الاخرى التي تؤثر في غيرها ..
<body>
<div style="width:1140px; min-width:1140px; max-width:1140px;">
Site content
<div>
</body>
غير 1140 إلى القيمة المرغوبة
الموضوع بسيط، بدايةً قم بعمل كلاس بحجم معين مثلاً 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>
أرني مساهمتك أولاً حتى أستطيع مساعتدتك وأعرف المشكلة من وين ...
مجرد طرح سؤال من غير تطبيق عملي قمت به ليس بالأمر الجيد .. فلا أستطيع مساعدتك إلا بالتخمين فقط ..
أرني الصفحة التي قمت بها == رابط الصفحة أو الكود .
وسنساعد بأقصى سرعة ممكنة .. تحياتي .
التعليقات