التعليقات على: 10 نصائح لصفحات أنماط انسيابية (CSS) أفضل http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/ مجتمع مطوري المواقع Wed, 07 Jan 2009 04:55:00 +0000 http://wordpress.org/?v=2.2.3 بواسطة: خالد http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-1524 خالد Mon, 29 Dec 2008 22:41:33 +0000 http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-1524 اسف . نسيت أقول ان الموقع شغال تمام بشكله الاساسى على كل المتصفحات مع عدا الانترنت اكسبلورير 5 , 6 , 7 فتحت الموقع على كله و برده .... نفس المشكلة .. اسف . نسيت أقول ان الموقع شغال تمام بشكله الاساسى على كل المتصفحات مع عدا الانترنت اكسبلورير 5 , 6 , 7 فتحت الموقع على كله و برده …. نفس المشكلة ..

]]> بواسطة: خالد http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-1523 خالد Mon, 29 Dec 2008 22:37:41 +0000 http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-1523 السلام عليكم ... انا عامل موقع على استضافة مجانية .. المهم انى عامل اختصار للموقع على موقع دوت تك dot.tk و الموقع دا بيعمل iframe للصفحة الرئيسية اللى انا موجهه ليه .. المهم .. ان الـ iframe دا عامل سكلوبارز و مبوظ شكل الموقع شوية ... و انا اعرف المشكلة بس معرفش الحل ... ممكن تفيدونى و دا ايميلى 5aled@in.com شكرا ليك جدا السلام عليكم …

انا عامل موقع على استضافة مجانية .. المهم انى عامل اختصار للموقع على موقع دوت تك dot.tk و الموقع دا بيعمل iframe للصفحة الرئيسية اللى انا موجهه ليه ..

المهم .. ان الـ iframe دا عامل سكلوبارز و مبوظ شكل الموقع شوية …
و انا اعرف المشكلة بس معرفش الحل …

ممكن تفيدونى و دا ايميلى 5aled@in.com شكرا ليك جدا

]]> بواسطة: omarino14 http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-1298 omarino14 Wed, 11 Jun 2008 14:27:24 +0000 http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-1298 شكرا لك اخي بالفعل مقال مفيد شكرا لك اخي بالفعل مقال مفيد

]]> بواسطة: غير معروف http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-1211 غير معروف Fri, 18 Apr 2008 11:24:21 +0000 http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-1211 [...] المشروع - تطوير المواقع […] المشروع - تطوير المواقع

]]> بواسطة: Aldirazi² http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-1103 Aldirazi² Sun, 03 Feb 2008 21:51:15 +0000 http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-1103 شكرا لك درس جميل جدا ماشاء الله استفدت من بعض الامور التي سوف تسهل التصميم في المستقبل شكرا لك مرة اخرى :) شكرا لك
درس جميل جدا ماشاء الله

استفدت من بعض الامور التي سوف تسهل التصميم في المستقبل

شكرا لك مرة اخرى :)

]]> بواسطة: KanDellO http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-932 KanDellO Thu, 13 Dec 2007 16:13:52 +0000 http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-932 درس عن جد جميل أخوي ... شكرا لك ... درس عن جد جميل أخوي … شكرا لك …

]]> بواسطة: المصمم توقيع http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-860 المصمم توقيع Tue, 20 Nov 2007 07:29:17 +0000 http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-860 @ عبدالرحمن العتيبة نعم، معك حق، يبدو أن كلانا أساء التعبير! فمما كتبته -أنت- يتبين أن استخدام هذه الـselectors شئ خاطئ بينما هو غير خاطئ أبداً. ومن كلامي يبدو أنني لم أوضح بأن الـselector > و * أيضاً آمنين في الإستخدام الطبيعي للتنسيق، ولكن لا ينصح باستخدامهما لاستهداف متصفح ما -وهو ماكنت تقصده-، وإنما يجب استخدام أسلوب آخر مثل الجمل الشرطية لـIE وJS للبقية. باختصار الـSelectors لا غبار عليها، ولكن طريقة الاستخدام قد لا تكون صحيحة. شكراً على المناقشة اللطيفة والسـلام @ عبدالرحمن العتيبة

نعم، معك حق، يبدو أن كلانا أساء التعبير!

فمما كتبته -أنت- يتبين أن استخدام هذه الـselectors شئ خاطئ بينما هو غير خاطئ أبداً. ومن كلامي يبدو أنني لم أوضح بأن الـselector > و * أيضاً آمنين في الإستخدام الطبيعي للتنسيق، ولكن لا ينصح باستخدامهما لاستهداف متصفح ما -وهو ماكنت تقصده-، وإنما يجب استخدام أسلوب آخر مثل الجمل الشرطية لـIE وJS للبقية.

باختصار الـSelectors لا غبار عليها، ولكن طريقة الاستخدام قد لا تكون صحيحة.

شكراً على المناقشة اللطيفة
والسـلام

]]> بواسطة: عبدالرحمن العتيبة http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-859 عبدالرحمن العتيبة Tue, 20 Nov 2007 06:54:25 +0000 http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-859 @ المصمم توقيع نعم بالضبط هذا selector يحدد أي عنصر p داخل body ولكن الترقيعات ليس بالضرورة أن تكون مخالفة للقواعد، وهذا ما كنت أتحدث عنه بالضبط، حيث لو رأيت الرابط للمدونة التابعة لمايكروسوفت سترى أن موقع slashdot كان يستهدف متصفح IE6 بعكس هذه القاعدة، أي يتم استهداف باقي المتصفحات القياسية عدا IE6، ولكن لأن الصفحة تتبع قواعد HTML 4.01 فليس هناك قاعدة أساسية عن إبقاء أو حذف whitespaces بالنسبة لعناصر DOM لذلك ترى متصفحات IE تحذف whitespace وFirefox يبقيها. المشكلة تكمن في تطبيق هذه القاعدة body > p للمتصفحات كلها عدا IE6، لذلك لما ظهر IE7 وبسبب تطبيق قواعد whitespace حصلت المشكلة لدى slashdot. المغزى أخي الكريم أن في النهاية ليس بالضرورة أن تخالف قواعد CSS لتستهدف المتصفحات ولكن أن تبتعد عن الاستهداف هذا قدر الإمكان وتستبدلها في حالة متصفح انترنت اكسبلورر بما يناسبه من الجمل الشرطية. @ المصمم توقيع

نعم بالضبط هذا selector يحدد أي عنصر p داخل body ولكن الترقيعات ليس بالضرورة أن تكون مخالفة للقواعد، وهذا ما كنت أتحدث عنه بالضبط، حيث لو رأيت الرابط للمدونة التابعة لمايكروسوفت سترى أن موقع slashdot كان يستهدف متصفح IE6 بعكس هذه القاعدة، أي يتم استهداف باقي المتصفحات القياسية عدا IE6، ولكن لأن الصفحة تتبع قواعد HTML 4.01 فليس هناك قاعدة أساسية عن إبقاء أو حذف whitespaces بالنسبة لعناصر DOM لذلك ترى متصفحات IE تحذف whitespace وFirefox يبقيها.

المشكلة تكمن في تطبيق هذه القاعدة body > p للمتصفحات كلها عدا IE6، لذلك لما ظهر IE7 وبسبب تطبيق قواعد whitespace حصلت المشكلة لدى slashdot.

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

]]> بواسطة: المصمم توقيع http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-856 المصمم توقيع Tue, 20 Nov 2007 04:42:09 +0000 http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-856 @ عبدالرحمن العتيبة body > p هذا المحدد(selector) ليس بترقيع(hack)! وإنما يقوم بتحديد عنصر واحد فقط وليس مثل body p وإنما يعني تحديد أول عنصر داخل العنصر الأب (في هذه الحالة أول p داخل body) وبإمكانك مشاهدة هذا الـselector ضمن البقية على: http://www.w3.org/TR/CSS21/selector.html#pattern-matching والسـلام @ عبدالرحمن العتيبة

body > p

هذا المحدد(selector) ليس بترقيع(hack)! وإنما يقوم بتحديد عنصر واحد فقط وليس مثل body p
وإنما يعني تحديد أول عنصر داخل العنصر الأب (في هذه الحالة أول p داخل body)

وبإمكانك مشاهدة هذا الـselector ضمن البقية على: http://www.w3.org/TR/CSS21/selector.html#pattern-matching

والسـلام

]]> بواسطة: عبدالرحمن العتيبة http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-736 عبدالرحمن العتيبة Tue, 16 Oct 2007 02:53:44 +0000 http://www.almashroo.com/articles/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%86%d8%b3%d9%8a%d8%a7%d8%a8%d9%8a%d8%a9-css/#comment-736 @ عمرو فهمي وجزاكم، وتقبل الله منا ومنكم. @ المبدع العربي في الغالب يكون متصفح الانترنت اكسبلورر هو من يسبب المشاكل في بعض الأوامر، أنا أنصح دائما باتباع المعايير القياسية والابتعاد عن هذه الترقيعات التي تخفي الأوامر، وكما ذكرت في مقالي أولا جرب بالأوامر القياسية، إن لم تنفع يمكنك تحديد ملف آخر CSS باستخدام [<a href="http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp" rel="nofollow">الجمل الشرطية</a>] التي وفرتها مايكروسوفت، والميزة هنا ستحافظ على نظافة CSS وتضع نفسك في بر الأمان في المستقبل عند ترقيع المتصفح. @ FAST وعليكم السلام ورحمة الله وبركاته، وأنت بالصحة والعافية، ربما أنصحك بتعلم HTML والفروق بين عناصرها المختلفة، هذه أول خطوة لتعلم CSS بشكل صحيح، ومن ثم تنتقل إلى CSS، ستجد [<a href="http://www.almashroo.com/articles/category/html-xhtml-css/" rel="nofollow">هنا الكثير من المقالات</a>] التي ستنفعك. @ هوايتي وعليكم السلام ورحمة الله وبركاته، وفيكم بارك. @ عمرو فهمي
وجزاكم، وتقبل الله منا ومنكم.

@ المبدع العربي
في الغالب يكون متصفح الانترنت اكسبلورر هو من يسبب المشاكل في بعض الأوامر، أنا أنصح دائما باتباع المعايير القياسية والابتعاد عن هذه الترقيعات التي تخفي الأوامر، وكما ذكرت في مقالي أولا جرب بالأوامر القياسية، إن لم تنفع يمكنك تحديد ملف آخر CSS باستخدام [الجمل الشرطية] التي وفرتها مايكروسوفت، والميزة هنا ستحافظ على نظافة CSS وتضع نفسك في بر الأمان في المستقبل عند ترقيع المتصفح.

@ FAST
وعليكم السلام ورحمة الله وبركاته، وأنت بالصحة والعافية،
ربما أنصحك بتعلم HTML والفروق بين عناصرها المختلفة، هذه أول خطوة لتعلم CSS بشكل صحيح، ومن ثم تنتقل إلى CSS، ستجد [هنا الكثير من المقالات] التي ستنفعك.

@ هوايتي
وعليكم السلام ورحمة الله وبركاته،
وفيكم بارك.

]]>