5

سؤالين أرجوا الإجابة عليهما من خبراء html و css

الأول: كيف أثبت الشريط العلوي للموقع بحيث إذا نزلت لأسفل الصفحة يبقى الشريط العلوي ظاهراً. على سبيل المثال موقع حسوب

الثاني: فيHtml عندما أضيف سطر جديد (hr) لا يظهر بعرض الصفحة بل يبقى جزء منه مقطوع وهذه الصورة للتوضيح:

http://i.imgur.com/huSPgRi.jpg

أنا مبتدئ أرجوا أن تساعدوني

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

5
3ABDOO أضف ردا

نستعمل خاصية 

POSITION : fixed ;

في الcss

السؤال الثاني لم أفهم بشكل جيد

1
AyedMushayqih أضف ردا

جزاك الله خيراً . قصدي في السؤال الثاني عندما أضيف سطر في HTML يكون له هواش هل يمكنني أن أجعله بدون هوامش؟

هكذا أضيف الوسم: (استبدلت <> بـ ()

( hr color="#c0392b" size="20px" /)

3
3ABDOO أضف ردا

لا بهذا الشكل ، إذهب إلى الوسم هيدر 

<header>

وقبل إغلاقه إفتح وسم بإسم style

 ثم قم بتعين كلاس للوسم أو السيكشن الذي تريد أن تقموم بجعل ظاهر مثال

  <"header class="name >

ثم قم بوضع داخل وسم الستايل الذي قمنا بكتابته في الأول 

&nbsp; }name.
;  position :fixed 
{
1
AyedMushayqih أضف ردا

جزاك الله خيراً سأجربها وأخبرك.

3
3ABDOO أضف ردا

المهم ، بالكتابة لن أستطيع أن أوضح لك الأمر بدقة لكن سأحاول ، مثلاً لدينا 

<"section  id="section>
<h2>الله أكبر</h2>
<section/>

لكي نجعل هذا السكشن تابت في الصفحة ولايختفي عند الهبوط في الصفحة نتوجه إلى الستايل تم نكتب :

}section#
;hieght:40px 
; color: #000 
;position : fixed

{

كما شاهدت فالخاصية طبقتها على السيكشن إذن سيتم تطبيقها تلقائياً على جميع الأشياء الموجود داخل السيكشن ، اَسف على أي تقصير مني

1
AyedMushayqih أضف ردا

أيضاً بالنسبة للكود:

POSITION : fixed ;

لم يعمل معي سوى على النص، هل يمكنك الإيضاح أكثر إذا لم تمانع

4
mohamed youssouf أضف ردا

بخصوص سؤال الأول أستخدم هذا الكود:

element {
width: 100%;
position: fixed;
top: 0px;
}

أما سؤال الثاني فقظ عرفت حله.

0
AyedMushayqih أضف ردا

شكراً جزيلاً أخي الحبيب ... نجح الأمر

لكن أريد وضع اللوغو في الأعلى والقائمة أسفله مثل هذان الموقعان:

2
KernelCode أضف ردا

اضف هذا الستايل

body,html{

padding:0px;

margin:0px;

}

2
AyedMushayqih أضف ردا

جزاك الباري خيراً ... أشكرك من قلبي لقد نجح الكود.

بالنسبة للسؤال الأول ألديك إجابة عنه؟

1
KernelCode أضف ردا

لاشكر على واجب اخي ^_^

ضع الخاصيه POSITION : fixed ; في ال hr او ال div الاب للوسم hr

2
va0000ll أضف ردا

ربما يفيدك هذا :

1
ahmedib أضف ردا

اعتقد انك حللت المسألة الاولى

بالنسبة لل hr يمكنك نخصيصها من css

hr {

Display : block ;

Width: 100%;

}

2
AyedMushayqih أضف ردا

بالنسبة للهوامش فقد حللت المشكلة، بالطريقة التي دلني عليها الأخ @KernelCode لكن مسألة تثبيت القائمة المنسدلة لم أحل المشكلة بعد وأنا بانتظار الخبراء في المجال ×_×

1
anassix أضف ردا

ضع الكود الخاص بالجزء الذي تريد تثبيته حتى تحصل على الاجابة

لاحظت ان الاغلب اعطاك الحل لاكن لم تعرف استخدامه لذلك وضع الكود افضل

1
anassix أضف ردا

بالنسبة للموقع الذي ارفقته فهو يستعمل الجافا لقياس المسافة الخاصة بالقائمة

و غالبا يستعملون الجيكويري

بحيث تضيف الجافا خاصية position:fixed; بعد تجاوز قياس محدد

و هذا سيساعدك على فهم position

0
AyedMushayqih أضف ردا

سأشاهد الفيديو وأحاول تطبيقه ، جزيت خيراً

0
AyedMushayqih أضف ردا

نعم الأغلب أعطوني الحل فعلاً لكن لم أعرف استخدامه بشكل صحيح فأنا مبتدئ ^_^ أرجوا ان تتحملوني

1
anassix أضف ردا

كلنا مبتدئون لان البرمجة لاحدود لها و بالنسبة لسؤالك ستجد انه بسيط و لن يؤثر عليك

و بعد تعلم html css انتقل الى جافا سكريبت لانها مطلوبة ^_^