فلائیڈ
اصل پوسٹر- 7 اپریل 2005
- مونٹیری میکسیکو
- 27 مارچ 2006
میرے پاس دو divs ہیں۔ ایک کی اونچائی مقررہ ہے اور میں چاہتا ہوں کہ دوسرا کھڑکی پر باقی عمودی جگہ کو بھر دے۔ اگر میں مؤخر الذکر div کی اونچائی کو 100% پر سیٹ کرتا ہوں، تو یہ اسے ونڈو کی اونچائی کے برابر کر دے گا، لیکن میں چاہتا ہوں کہ یہ ونڈو کی اونچائی مائنس پہلے div کی اونچائی ہو۔
یہ وہ کوڈ ہے جو میں استعمال کر رہا ہوں:
کوڈ: |_+_|
میں نے کچھ تصاویر بھی شامل کی ہیں جو ظاہر کرتی ہیں کہ میں کیا کرنا چاہتا ہوں اور میں اب تک کیا کرنے میں کامیاب رہا ہوں۔ پیشگی شکریہ
منسلکات
ن
NoNameBrand
- 17 نومبر 2005
- ہیلی فیکس، کینیڈا
- 27 مارچ 2006
بصورت دیگر، میں اس طریقے کے بارے میں نہیں سوچ سکتا کہ آپ جو چاہیں حاصل کریں گے۔
سٹیپ
- 13 اکتوبر 2004
- برطانیہ
- 27 مارچ 2006
کوشش کریں:
بلا عنوان دستاویز
کو
ب
c
d
اور
ps میں نے اسے DW میں کر کے، دوسری پرت میں کچھ مواد شامل کر کے، اور پھر کوڈ کے ساتھ گڑبڑ کر کے دھوکہ دیا - DW چیزوں کو پسند کرتا ہے کہ کناروں پر کچھ پیڈنگ ہو اور اگرچہ آپ ڈائیلاگ میں اس کی وضاحت کر سکتے ہیں کہ آپ ایک پرت چاہتے ہیں۔ اوپری کونے سے 0px سے شروع کریں، آپ کو کوڈ ویو کا استعمال کرتے ہوئے اسے دو بار بتانا ہوگا۔ مجھے بہرحال کرنا پڑا۔
فلائیڈ
اصل پوسٹر- 7 اپریل 2005
- مونٹیری میکسیکو
- 27 مارچ 2006
NoNameBrand نے کہا: کیوں نہیں 1st کو 2nd کے اندر گھونسلا؟
بصورت دیگر، میں اس طریقے کے بارے میں نہیں سوچ سکتا کہ آپ جو چاہیں حاصل کریں گے۔
شکریہ، یہ بصری طور پر کام کرتا ہے، لیکن دوسرا div اس لے آؤٹ کے لیے ایک کنٹینر ہو گا، اس لیے مجھے اب بھی اس کی مناسب جہت کی ضرورت ہے تاکہ اس کے مشمولات ان کا وارث بن سکیں۔
تو شاید یہ ممکن نہیں ہے؟ شاید مجھے اسے کام کرنے کے لئے تھوڑا سا جاوا اسکرپٹ استعمال کرنے کی ضرورت ہوگی؟
سٹیپ نے کہا: کوشش کریں:شکریہ، لیکن میں یہ کام نہیں کر سکا، آپ نے کون سا براؤزر استعمال کیا؟
فلائیڈ
اصل پوسٹر- 7 اپریل 2005
- مونٹیری میکسیکو
- 27 مارچ 2006
ٹھیک ہے یہاں میرے حتمی مقصد کی ایک تصویر ہے۔ اب تک میں اسے بتدریج کر رہا ہوں، تو شاید مسئلہ میرا ابتدائی نقطہ نظر ہے۔ تو آپ لوگ اس سے کیسے رجوع کریں گے (مجھے صرف خیالات کی ضرورت ہے)؟ کیا آپ خالص سی ایس ایس استعمال کریں گے، یا آپ میزوں یا فریموں کو دیں گے؟
منسلکات
سٹیپ
- 13 اکتوبر 2004
- برطانیہ
- 27 مارچ 2006
جس چیز کے ساتھ آپ کو کھیلنا ہے وہ یہ ہے:
#پرت 1 {
پوزیشن: مطلق؛
بائیں: 0px؛
اوپر: 0px؛
چوڑائی: 100٪؛
اونچائی: 180px؛
زیڈ انڈیکس: 1؛
پس منظر کا رنگ: #99CCFF؛
}
اپنے صفحے کو کاغذ کے ایک ٹکڑے پر کھردرا بنائیں تاکہ آپ کو پوزیشنیں صحیح مل جائیں، اور یہ آپ کو ہر پرت کے اوپری LH کونے کی پوزیشن فراہم کرے گا۔ پرت 1 کی اونچائی پرت 2 کی شروعاتی پوزیشن کا تعین کرے گی - اس معاملے میں پرت 2 میں ایک ہونا ضروری ہے۔اوپر: 180px؛کوڈ کی لائن.
اگر آپ 3 پرتیں چاہتے ہیں جیسا کہ آپ اپنی پچھلی پوسٹ میں دکھاتے ہیں، تو بائیں جانب سب سے زیادہ پرت ہوگی:
#پرت 1 {
پوزیشن: مطلق؛
بائیں: 0px؛
اوپر: 0px؛
چوڑائی: 200px؛
اونچائی: 100٪؛
زیڈ انڈیکس: 1؛
پس منظر کا رنگ: #336699؛
}
اور اوپری RH پرت ہوگی:
#پرت 1 {
پوزیشن: مطلق؛
بائیں: 200px؛
اوپر: 0px؛
چوڑائی: 100٪؛
اونچائی: 180px؛
زیڈ انڈیکس: 2؛
پس منظر کا رنگ: #33CCFF؛
}
اور ونڈو کے بقیہ حصے کو بھرنے کے لیے تیسری پرت (تاہم اس کا سائز تبدیل کیا گیا ہے) کچھ اس طرح ہونا چاہیے:
#پرت 1 {
پوزیشن: مطلق؛
بائیں: 200px؛
اوپر: 180px؛
چوڑائی: 100٪؛
اونچائی: 100٪؛
زیڈ انڈیکس: 3؛
پس منظر کا رنگ: #99CCFF؛
}
اگر آپ ڈریم ویور استعمال کر رہے ہیں تو ہر پرت میں کچھ ڈمی مواد ڈالنا بہتر ہے، اگر صفحہ کے منظر میں پرت سکڑ کر کچھ نہیں ہو جاتی ہے، اس لیے اوپر کے اصل HTML میں 'a,b,c وغیرہ'۔
ps میں ماہر نہیں ہوں، میں غلط ہو سکتا ہوں لیکن مجھے امید ہے کہ اس سے مدد ملے گی۔ میں جو کہہ سکتا ہوں وہ یہ ہے کہ میرا پہلا کوڈ کام کرتا دکھائی دیتا ہے۔ اگر میں تھوڑی مدد کر سکتا ہوں تو میں ذاتی طور پر پرتوں کو گھوںسلا نہیں کروں گا، لیکن یہ صرف میں ہوں - میں صرف آسان کام کرتا ہوں۔ ن
NoNameBrand
- 17 نومبر 2005
- ہیلی فیکس، کینیڈا
- 27 مارچ 2006
یہاں میں کیا کروں گا:
کوڈ:
foo تم یقین کرو!
-
- 14 جون 2003
-
-
- ایم ڈی / وی اے / ڈی سی
- 27 مارچ 2006
Deconcept...
FlashObject کو چیک کریں اور ڈاؤن لوڈ میں ایک div فل سکرین بنانے کا کوڈ موجود ہے.. ہو سکتا ہے کہ اسے آپ کی مرضی کے مطابق بنایا جا سکے۔
http://blog.deconcept.com/flashobject/ فلائیڈ
اصل پوسٹر -
- 7 اپریل 2005
-
-
- مونٹیری میکسیکو
- 28 اپریل 2006
تمام مدد کرنے والے لڑکوں کا شکریہ، لیکن میں نے ابھی محسوس کیا ہے کہ میں جو درست ترتیب چاہتا ہوں وہ مقررہ چوڑائی/اونچائی اور فیصد کے امتزاج سے حاصل کرنا ناممکن ہے۔ میں نے اسے صرف فیصد کا استعمال کرتے ہوئے دوبارہ لکھا اور اب یہ کام کرتا ہے۔ اگر آپ مارک اپ میں دلچسپی رکھتے ہیں تو مجھے بتائیں اور میں اسے پوسٹ کروں گا۔ سٹیپ
-
- 13 اکتوبر 2004
-
-
- برطانیہ
- 28 اپریل 2006
فلائیڈ نے کہا: اگر آپ مارک اپ میں دلچسپی رکھتے ہیں تو مجھے بتائیں اور میں اسے پوسٹ کروں گا۔
اگر آپ کے پاس دوبارہ پوسٹ کرنے کا وقت ہے تو میں دیکھنا چاہوں گا۔
NoNameBrand نے کہا: یہ 'پرتوں' کا سامان کیا ہے؟ کیا 'بریک اسٹف اصلی اچھی' کے لیے ڈریم ویور ایسک ہے؟
ٹھیک ہے، میں 'بریکنگ اسٹف' کے بارے میں نہیں جانتا لیکن میرا اندازہ ہے کہ آپ کو اندازہ ہے کہ میں سی ایس ایس بوف نہیں ہوں - پرتیں ڈی ڈبلیو کی طرف سے ان چیزوں کو دیا جانے والا ایک آسان نام ہے جسے میرے خیال میں 'سی ایس ایس پوزیشنڈ ایلیمینٹس' کہا جانا چاہیے - اور مجھے لگتا ہے کہ وہ انہیں کہتے ہیں کہ ڈی ٹی پی / فوٹوشاپ کے پس منظر سے میرے جیسے لوگوں کو تھوڑا زیادہ آرام دہ محسوس کرنے کے لئے۔ آپ نے اپنی پوسٹ NoNameBrand میں جو کوڈ شامل کیا ہے اسے دیکھ کر یہ میرے مقابلے میں بہت زیادہ خوبصورت ہے - مجھے اپنے سر کو div ٹیگ پر گول کرنے پر ایک وار کرنا پڑے گا۔ OP اور جوابات کا شکریہ۔ ن NoNameBrand
-
- 17 نومبر 2005
-
-
- ہیلی فیکس، کینیڈا
- 28 اپریل 2006
اسٹیوپ نے کہا: ٹھیک ہے، میں 'بریکنگ اسٹف' کے بارے میں نہیں جانتا لیکن میرا اندازہ ہے کہ آپ کو لگتا ہے کہ میں سی ایس ایس بوف نہیں ہوں - پرتیں ڈی ڈبلیو کی طرف سے ان چیزوں کو دیا جانے والا ایک آسان نام ہے جسے میرے خیال میں 'سی ایس ایس پوزیشنڈ عناصر' کہا جانا چاہیے۔ '
ان کے پاس زیڈ انڈیکس بھی تھے - جو چیزوں کو صفحہ پر آگے پیچھے کرتے ہیں۔ میں نے کسی سائٹ کو مکمل طور پر ٹوٹنے سے پہلے ڈی ڈبلیو کی تہوں کو دیکھا ہے، لیکن بصورت دیگر ان سے زیادہ نمائش نہیں ہوئی ہے (واقعی کافی تھا)۔
مجھے واقعی اپنے سر کو div ٹیگ کے گرد گھومنے پر ایک وار کرنا پڑے گا۔
A صرف ایک صوابدیدی بلاک ہے - اس کا مطلب لفظی طور پر کچھ نہیں ہے، جس طرح aکرتا ہے (متن کا ایک پیراگراف)۔ اےایک ہی خیال ہے، لیکن ان لائن چیزوں کے لیے (جیسے a ٹیگ، لیکن پھر، سیمنٹک فری)۔
اس چیز کو سیکھنے کے لیے سب سے آسان کام یہ ہے کہ Dreamweaver کا استعمال بند کر دیا جائے۔ میں اپنی سائٹس کو فوٹوشاپ میں ڈیزائن کرتا ہوں اور پھر ان گرافیکل عناصر کو محفوظ کرتا ہوں جو میں چاہتا ہوں، اس کے ساتھ ساتھ رنگین کوڈز اور کچھ کھردرے پکسل کی پیمائش کو ترتیب دینے کے مقاصد کے لیے لکھتا ہوں، اور پھر میں سائٹ کو ٹیکسٹ رینگلر یا VIM میں کوڈ کرتا ہوں۔ فلائیڈ
اصل پوسٹر -
- 7 اپریل 2005
-
-
- مونٹیری میکسیکو
- 28 اپریل 2006
سٹیپ نے کہا: اگر آپ کے پاس دوبارہ پوسٹ کرنے کا وقت ہے تو میں دیکھنا چاہوں گا۔
یہ ہے، وہاں پر تھوڑا سا ہسپانوی ہے، مجھے امید ہے کہ یہ زیادہ الجھا ہوا نہیں ہے:
کوڈ:گرینڈ سکیم html { اونچائی: 100٪؛ } باڈی { مارجن: 0; بھرتی: 0؛ اونچائی: 100٪؛ چوڑائی: 100٪؛ } #بائیں، # دائیں { فلوٹ: بائیں؛ } #بائیں {اونچائی: 100%؛ پس منظر کا رنگ: نارنجی؛ چوڑائی: 10٪؛ } #دائیں {اونچائی: 100%؛ پوزیشن: رشتہ دار؛ چوڑائی: 90٪؛ } # ٹاپ { پس منظر کا رنگ: نیلا؛ اونچائی: 10٪؛ } #فوٹو { پوزیشن: رشتہ دار؛ اونچائی: 90٪؛ } #foto_sup_izq, #foto_sup_der, #foto_inf_izq, #foto_inf_der { اونچائی: 50%; چوڑائی: 50٪؛ overflow: auto پوزیشن: مطلق؛ } #foto_sup_izq, #foto_sup_der { top: 0; } #foto_sup_der, #foto_inf_der { بائیں: 50%; } #foto_inf_izq, #foto_inf_der { اوپر: 50%; } 
منسلکات
مقبول خطوط