أين المبرمجين عن هذه المشكلة العويصة. . . . . . !

[المثنى]

السلام عليكم و رحمه الله

أيها الأخوة المبرمجين
في الحقيقة نتابعكم من قرابة السنتين من بدأ افتتاح سوالف و واستفدنا منك كثيراً فلكم مني جزيل الشكر و الامتنان .
لكن عجبت من خلال هذه المدة الطويلة عدم طرح حل لمشكلة أعتقد أنه مهمة و لكن ربما لم تواجه بعضكم إلى الآن و هي :
1 – التنسيق الصحيح للشعر في برنامج الفرونت بيج أو في أي برنامج لتصميم الصفحات و هذه مشكلة في الحقيقة نتمنى منكم حلها سواء عن طريق نص برمجي أو برنامج CGI أو PHP و كذلك إن وجد ASP .

وإن كنت أركز على الأولين
أشكركم جزيل الشكر
وأتمنى أن يكون هذا الموضوع دافع لكم لحل هذه المشكلة

[المثنى]

الرفع للأهمية

[mubarmej]

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

أعتقد بأن هنالك بعض أوامر CSS لعمل ذلك .. سأحاول البحث فيها وربما نخرج بشيء ما .. ولكنها ستكون صالحة على Internet Explorer 5 فما فوق فقط ..

أمر أخير .. الحل سيصبح مضمونا أكثر إذا استخدمنا الصور لأننا سنكون متأكدين من أن الأبيات ستكون كلها بنفس الطول مهما كانت إعدادات وبيئة المستخدم.

[mabsoot]

السلام عليكم ورحمة الله ولركاته

الاخ المبرمج 000000مسكت طرف الخيط وتركته 00000يرحم والديك

فعلا الحل الوحيد لعمل هذه الخاصية هو cascading style sheets

أو CSS

السى جى أو البيرل لا يمكن بهما السيطرة على مثل هذه الاطوال 0

وكانت لى عدة تجارب باستخدام ال CSS

ونجحت تماما

[mabsoot]

سويتلك مثال بسيط

http://www.drcgi.com/css.html

وهذه الصفحة تعتمد على

cascading style sheets

شوف مصدر الصفحة 00000ما فيها ترتيب سوى وضع كود ثابت أمام كل سطر

اذا أردت شرح كيف عملها أخبرنى

[المثنى]

السلام عليكم

شكراً للأساتذة الكرام مبرمج و مبسوط

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

أشكركم جزيل الشكر

[mabsoot]

انظر الى مصدر الصفحة
--------------------------------------
ستجد أمام البيت الاول فى الشعر
<div id ="sidecol">

--------------------------------------
ستجد أمام البيت الثانى فى الشعر

<div id ="side2">

---------------------------------------
هذا كل ما عليك أن تفعله عند كتابة القصيدة

ونزل ال css file من هنا
http://www.drcgi.com/b.css

وأفتح الملف وأنظر عليه ستجد التالى

body
{background-attachment: scroll;
background-color: #80ffff;
background-position: center center;
background-repeat: no-repeat;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
margin: 2%}

div#side2
{color: #0000a0;
font-size: 14pt;
margin-right: 120px;
margin-top: 25px;
position: fixed;
right: 85px;
top: 150px}

div#sidecol
{color: #0000a0;
font-size: 14pt;
margin-right: 30px;
margin-top: 25px;
position: fixed;
right: 20px;
top: 120px}

ويمكن أن تتحكم وتغير فى موضع البيت الاول والثانى والمسافات بين كل بيت شعر
------------------------------------------------
فى هذا الملف تحكمت بالمسافة من اليمين للبيت الاول من ال 30

div#sidecol
فى سطر
margin-right: 30px;


بمكنك أن تزيد الرقم لتحريك بيت الشعر الاول الى اليسار

---------------------------------------------------
للبيت الثانى لاحظ

div#side2

margin-right: 120px;

يبتدىء من ال 120

--------------------------------------

margin-top: 25px;
فى كل الحالتين هى المسافة بين بيت الشعر الاول وبيت الشعر الثانى الى الاسفل
--------------------------------------
background-color: #80ffff
لون الخلفية
------------------------

عندما تغير اللارقام احفظ الملف وارفعه الى موقعك
-------------------------

يمكنك مشاهدة التغيير والمحاولات من أى برنامج أتش تى أم أل 0



مبسوط

[mubarmej]

المشكلة ليست في جعل بيت على اليمين وآخر على اليسار .. المشكلة هي أن تجعل الشطر الأول من البيت الأول بنفس طول الشطر الأول من البيت الثاني وكذلك الشطران على اليمين واليسار يجب أن يكونا متوازيان .. مثلا :

ما كل ما يشتهي المرأ يدركه
تجري الرياح بما لا تشتهي السفن

لاحظ البيت الثاني أطول من البيت الأول

بالنسبة لتوزيع الأبيات .. بيت على اليمين وبيت على اليسار هكذا فيمكن عملها بطريقة أخرى أيضا وهي عمل جدول .. في كل tr للجدول تضع td واحدة .. في البيت الأول تجعل خاصية align في الـ td عن القيمة right والتي بعدها left وهكذا .. مثال :

<table border="0" width="300">
<tr><td align="right">البيت الأول - الشطر الأول</td></tr>
<tr><td align="left">البيت الأول - الشطر الثاني</td></tr>
<tr><td align="right">البيت الثاني - الشطر الأول</td></tr>
<tr><td align="left">البيت الثاني - الشطر الثاني</td></tr>
</table>

[mabsoot]

أخى المبرمج 0000000

لا أدرى أن كان هذا ما يريده فأذا كان هذا ما يريده فحل ال css يكون أفضل حيث أنه بمكن تحديد طول كل سطر وهنا طول كل بيت 00

min width =
max width =

css يطبقها بطريقة ممتازة

فكرة الجداول قد تعيق كثيرا لطول القصيدة مثلا ويجعل الصفحة صعبة التصليح اذا كان هناك خطأ ما 0000 رغم أنها طريقة حلوة

[رضا]

السلام عليكم
أظن هذا الموضوع قد يفيدك ..
http://www.swalif.net/softs/showthre...threadid=11920
و لكن جرب و حاول أن تضع الكود داخل خلايا الجدول !! يمكن تنفع والله ييسر مافيه الخير ..

[المثنى]

أنتظروا قليلاً

أقوم بالتجارب

و طلبي هو كما ذكر الأستاذ مبرمج
الشطرين في سطر واحد بشكل متناسق

[Superman]

لماذا لا نجرب استخدام ال tagg
<TT> ... <‎/TT>
انا لم اجربه بعد
[qoute]
وهذا النص يعرف أيضاً بالنص موحَد المسافات Monospaced Text. ولتوضيح هذا المفهوم إليك المثال التالي:
إذا أخذنا الحرفين m,i وكتبنا كل منهما عشر مرات متتالية نلاحظ أن المساحة التي شغلها الحرف m هي أضعاف المساحة التي شغلها الحرف i

iiiiiiiiii
mmmmmmmmmm

أما عند استخدام الوسم <TT> ... <‎/TT> فإن المساحة التي يشغلها كلا الحرفين تصبح موحدة


[/qoute]

من الموقع
http://www.geocities.com/SiliconVall.../htutor03.html

[المثنى]

السلام عليكم

الرجاء من الأستاذين مبرمج و مبسوط المعذرة
في الأمس كنت مصاب ( مريض ) ولم أستطع المشاركة
المعذرة

آسف لإني إلى الآن لم أجرب طريقة الأستاذ مبسوط

أشكر الأخ Superman وأتمنى من الأخوة تجربة الطريقة مع إني أعتقد أنها لا تشتغل إلا مع الأحرف الإنجليزية

ذهبت اليوم إلى موقع الفريق محمد بن مكتوم
ورايت صفحات الشعر في الموقع و هي بلا شك متناسقة ومن أروع ما يمكن
وقمت بإستعراض المصدر ( كان المصدر كبير جداً مع إن القصيدة قصيرة )
ووجدت أن المصدر يحوي كودات جافا كثيرة
فقمت بلصق المصدر في الفرونت بيج بالأكواد مع إلغاء بعض ما يلصق بالمصدر بسبب الحفظ
وكانت النتيجة ممتازة جداً
ثم قمت بوضعة مرة أخى بدون أكواد الجافا فظهر النص غير منسق
أتمنى منكم مراجعة المصدر و تبيين عمل كل كود ( 11 كود تقريباً )

آسف جداً على الإطالة

أشكركم جزيل الشكر

[mubarmej]

الأخ المثنى ..

سلامات ..

لم تخبرنا بعنوان الصفحة.

[mubarmej]

حسنا ..

الطريقة المذكورة في الرد هي التي كنت سأحاول معها .. المشكلة هي أن استخدم test-align: justify في الـ style تعمل فقط في أسطر الفقرة ما عدى السطر الأخير .. وهي مستخدمة في موقع المطور العربي منذ التصميم الأولي (وقد سمعت بعض المشاكل عنها عند استخدام IE4 ولم أعرف حلها حتى الآن) .. المهم ..

المشكلة الآن هي كيف تحدد عرضا ما بحيث يقوم المتصفح بفرد الكلام على طول هذا العرض ..

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