::. مشكلة في CSS وش الحل .::

[محمد 902]

بسم الله والصـلاة والسـلام على أشرف الأنبياء والمرسلين نبينا محمد وعلى أله وصحبة أجمعيـن ...

في البداية كل عام وأنتم بخير بمناسبة عيد الأضحى المبـارك :1power:

هذه تعتبر أول مشـاركة لي كعضو في تطوير المواقع في سوالف سوفت ....
ولكني متواجد منذ زمن كمتابـع " عضو بدون عضوية "

وبالنسبة لهذا الموضوع أود طرح مشكلة واجهتني وهي أنه واثناء عملية التصميم كنت أود وضع خبرين بجانب بعضهما " وليس أسفل بعض " كالتي في الصورة التـالية ::::


ولكني حاولت ... وقلت مالي إلا سولف وقد تكرم علي صديق عزيز بإعطائي عضويته للمشاركة في المنتدى ...

والذي أود فعله في التصميم هو أن يكون الخبر رقم 2 بجانب الخبر رقم واحد كما في المثال بأسفل الصورة... ولكن للتذكير أنا أعمل على بـورتال " مجلة إلكترونية " وأيضاً تصميم التمبلت بإستخدام CSS ولم أستخدم الجداول .

" وقد يستغرب البعض أني أجيد تصميم مواقع كاملة بـ CSS ولم أستطع حل هذه المشكلة "
ولكن هناك بعض المشاكل الصغيرة التي يعجز البعض في حلها :shy:

أخـــــــــوكم
محـــمد

[محمد 902]

18 واحد زارو الموضوع

ولا واحد يعرف الحل .... " الظاهر أني طرحت أصعب سؤال في الكون "

أنا حالياً أبحث عن الحل في المواقع وموقع ( w3schools.com ) المتخصصة بـ CSS .

ياليت أحد عنده فكرة لايبخل علينا .....

=========================
وعلى فكرة أصعب سؤال ماأحد قدر يجاوب عليه ...

س : من اللي خُلق أولاً الدجاجة أم البيضة ؟ :con2:

سؤال للأذكياء فقط

واللي راح يقول أكيد الدجاجة لأنها طلعت من البيضة ... أجل البيضة من وين جت

[رياض القرآن]

ضع للelement الاول

float:right

[محمد 902]

أخوي ريـــاض القرأن ... حياك الله :1power:

جزاك الله ألف خير ...على الموقع الجميـــل " رياض القرأن" ....
وأعتقد لي نصيب وافر من الزيــارات المليون التي حققها الموقع, وأتمنى لك التوفيق وعقبال 10 مليون إن شاء الله ...

وبالنسبة للحل فأنا قلت في البداية ....بأني أعمل على بورتال ليس ديزاين عادي... يعني اللي أقدر اسويه هو أعدل وين يكون النص فيه والصورة يمين أو يسـار للخبر ....

يعني الأخبار تتولد الأول ثم الثــاني ....وكذلك

فأتمنى تفكر معــي بحل ....

[الإمبراطور وحيد]

الاخبار انت تضيفها يدويا او تجلبها من قاعدة بيانات ما ؟


اذا تستخدم فحة عادية html الخلية التي في المنتصف التي فيها الأخبار اقسمها نصفين فقط

اما لو لغة برمجية معينة فعن طريق اللغة تستطيع تسيمها

تحياتي

[رياض القرآن]

مكرر

[رياض القرآن]

اهااا ..

طيب كل ماتطبع عنصرين
اطبع div لها الخصائص التالية :

clear:both;
display:block;

بالنسبة للموقع فمحدثك ليس صاحب الموقع .. مستخدم العضوية الثاني

[محمد 902]

والله والنعــم ....كلكم فيكم الخير والبركة يا فـــلاشر

ولاتخــاف عارفك زين ....أنــا بكسل في المعالي إذا تذكرنــي :1power:
-------------------------------------------

وبالنسبـة للحل :

ماأقدر أسوي عرضها كـ Block لأن عرض البلوك للقوائم الجانبية أو الأشياء اللي أبيها تحت بعض.

لكن أنا أبي أخلي الخبر الأول بجنبة الخبر الثـاني , وبعدين تحت الخبر الثالث وبجنبه الخبر الرابع ....

وأنــا الصراحة جالس أحاول لحد الأن ....أحصل حل

يعني لو تجرب مثــلاً مجلة Subdremer وتخلي الأخبار بجنب بعض لأن الـ Subdremer الأخبار تحت بعض " إن شاء الله فهمت قصدي " :1power:

[رياض القرآن]

اهلييييين بكسل

ياخي وين الناس
-----------------------------------------------------
طيب شف خل الستايل لهم

width:50%;

float: right;

وهم راح يتصاقعون في بعض وينزل الثالث

[محمد 902]

راح أحـــاول أعيد ترتيب الكلاسات من جديد .... أحس أن فيه مشكلة في الترتيب :con2:

وأجرب طريقتك

وإن شاء الله تضبط من جديد

وترى أضفتك يــا فــلاشر :nice:

تحيـاتي

[ABo.AzAzI]

السلام عليكم ...

<div style="width: 100%;">

<!-- مربع الاخبار المتكرر -->
<div style="float: right;width : 49%;padding-bottom: 4px; ">

</div>
<!-- مربع الاخبار المتكرر -->

</div>

:con2:

[محمد 902]

يـــابطل :app:

الصراحة بطل .... يعني متغير

padding-bottom:4px;

هو اللي حل المشكلة .... كفيت ووفيت يالغـــالي ( ABo.AzAzI ) ....

وماأدري كيف أرد جميلك .... لكن إذا تأمر على شيء أنا بالخدمة "في تصميم وتطوير المواقع والبحث في الانترنت "

وهذا بريدي ::
da3y__@hotmail.com

============================
تحياتي أخوك
محـمـد

[محمد 902]

وقبل لأنسى فيه إستفسار ثــاني ....

الحين أنا أعمل على نظـام مجلة إلكترونية ..... وراح أضيف مجلة ثـانية كيف أخلي أخبار المجلة الثـانية تطلع في الصفحة الرئيسية في المجلة الأولى :con2:

يعني بعض الأخبـــار من المجلة الثـانية مو كلها ....

[ABo.AzAzI]

يـــابطل :app:

الصراحة بطل .... يعني متغير

padding-bottom:4px;

هو اللي حل المشكلة .... كفيت ووفيت يالغـــالي ( ABo.AzAzI ) ....

وماأدري كيف أرد جميلك .... لكن إذا تأمر على شيء أنا بالخدمة "في تصميم وتطوير المواقع والبحث في الانترنت "

وهذا بريدي ::
da3y__@hotmail.com

============================
تحياتي أخوك
محـمـد

حيّاك الله ياغالي .. وما جا الجواب الا بعد ما طلعت الروح في موقع www.lawwen.com >>> مصمم بالـ css :deal:

بالنسبة للي حل المشكلة ماهي القيمة

padding-bottom:4px;

القيمة تعني التباعد بين البلوكين فقط ... واعتقد انك تعرف هالشيء ...
و الحل في انك ضمنت البلوكين في بلوك عرضه 100 واعطيت كل بلوك داخل البلوك الرئيسي عرض بقيمة 49 جرّب 50 >>>بالنسبة لي جربت 50 ما تضبط الفكرة !

ضيفني aboazazi [@] hotmail.com >>> نفيد ونستفيد ان شاء الله ...
----------

وقبل لأنسى فيه إستفسار ثــاني ....

الحين أنا أعمل على نظـام مجلة إلكترونية ..... وراح أضيف مجلة ثـانية كيف أخلي أخبار المجلة الثـانية تطلع في الصفحة الرئيسية في المجلة الأولى

يعني بعض الأخبـــار من المجلة الثـانية مو كلها ....

على حسب ما فهمت :
مجرد ملف استعلام لأخبار المجلة الثانية >>> php

تحياتي

[محمد 902]

حلو ياأبو عزوز ...

وبالنسبة للقيمة padding هي للتباعد و bottom تعني التباعد لأسفل

وشلت هالقيمة من ملف css وأنحلت بعد .... بس كانت المشكلة بأني كنت حاط قيمة clear و قيمة vertical وألغيتهم وخليت عرض البوكس " مربع الخبر " 49% وصار تمام ... :1power:

وصحيح أنا جربت 50 ولانفعت

وبالنسبة للموقع أعجبني الصراحة " إستخدامك الكامل لـ CSS " لاني أول مادخلت على الموقع على رحت شفت Source.

وانا في إعتقادي أن الواحد إذا صمم موقع كامل بـنظام css فتأكد أنه على أعتاب الإحتراف في هذه اللغة .


وأعجبني الدعم الكامل لمتصفح Firefox :nice:
=======================================

وأضفتك أوكي

تحياتي
محـمـد