سلام من یه کد میزنو وسط نمیاد میر گوشه میخوا مشکلمو اگه میتونید حل کنید
کدو بزار .
برای تعیین موقعیت عناصر داخل صفحه از چند روش میتونی استفاده کنی :
روش اول : وسطچین کردن اشیاء ( کهنه و منسوخ شده ) :
در این روش از تگ center که در ورژن های قدیمی html وجود داشت استفاده میشه . بعد از ورود CSS دیگه از این تگ استفاده نمیشه . البته هنوز مرورگرها اونو support می کنن ولی به احتمال زیاد در نسخه های آینده برای استاندارد سازی صفحات وب این سری از تگ های html که منسوخ شدند (تگ هایی مثل center و font ) دیگه توسط مرورگرها پشتیبانی نمیشه تا طراحان رو به استفاده از CSS برای این کار ملزم کنند .شما هر کدوم از تگهای html ، متن ها ، عکسها و ... رو که درون تگ center قرار بدید ، اون شئ به صورت وسط چین در صفحه ی وب نماییش داده می شه . به طور مثال در کد زیر متن و عکس درون تگ center به وسط خط (از لحاظ افقی) منتقل میشن :
<center> welcome to news.rozblog.com web design tutorials ... <img src="image_url" /></center>روش دوم : تعیین موقعیت افقی محتوای پاراگراف در html با استفاده از ویژگی align در تگ :
در صفحات وب معمولا متن ها درون تگ که همون تگ پاراگراف هست قرار می گیرند . برای اینکه چینش افقی متن یک پاراگراف تعیین بشه ، برای این تگ یک attribute به نام align تعریف شده که می تونه مقادیر center ، left و right رو دریافت کنه که به ترتیب متن درون پاراگراف رو چپ چین ، وسطچین و راست چین میکنه . البته ویژگی align مقدار justify رو هم میتونه بپذیره که باعث میشه اندازه ی تمام خط های متن درون پاراگراف یکسان بشه و متن از دو طرف صاف بشه و حالت منظم به خودش بگیره . در صورتی که برای ویژگی align مقداری تعیین نکنید به صورت پیشفرض براش مقدار left در نظر گرفته میشه .
تگ پاراگراف یک ویژگی دیگه به نام dir داره که مخفف direction (جهت) هست که برای پاراگراف هایی که متن درونشون از زبانهای راست به چپ نویس ، مثل فارسی هست باید مقدار rtl یعنی (right to left) و برای زبان هایی که نوشتن اونها از چپ به راست هست مثل انگلیسی باید مقدار ltr یعنی (left to right) رو بگیره . مقدار پیشفرض ویژگی dir هم که ltr هست ، یعنی مخصوص زبان هایی مثل انگلیسی .
:: چهار تا پاراگرافی که در زیر آوردم رو به صورت مثال می تونید ببینید . متن درون هر پاراگراف توضیح چینش همون پاراگراف هست :
<p>چپ چين و مناسب براي نوشته هاي چپ به راست</p><p dir="rtl">چپچين و مناسب زبان فارسي</p><p align="right">راست چپن و مناسب زبان انگليسي</p><p dir="rtl" align="right">راستچین و مناسب فارسی</p>روش سوم : استفاده از CSS برای تعیین موقعیت افقی محتوای تگ ها
امروزه دیگه سعی می شه تمامی خصوصیات و شیوه ی نمایش تگ ها رو با استفاده از CSS تنظیم کنند و شدیدا توصیه می شه که شما هم همین کارو انجان بدید . حتی برای پاراگراف ها !
:: ویژگی text-align در CSS دقیقا همون کار ویژگی align در پاراگراف ها رو انجام میده . همون مقادیر رو هم میتونه بپذیره . به جای ویژگی dir در تگ p هم یک ویژگی به نام direction در CSS وجود داره که این ویژگی هم مثل dir می تونه دو مقدار ltr و rtl رو بپذیره.
خوبی استفاده از ویژگی های CSS اینه که دیگه فقط مختص تگ p نیست و شما در هر تگی که این ویژگی ها رو به صورت CSS بکار ببرید ، میشه چینش محتوای درون اون تگ رو تعیین کرد .
همون چهار تا پاراگراف بالایی رو که با استفاده از ویژگی های html خود تگ p براتون آوردیم ، در زیر با استفاده از ویژگی های معادل در CSS نوشتم که از لحاظ شیوه ی نمایش و چینش هیچ فرقی با هم نمی کنند ولی استفاده از این روش استاندارد تر هست :
<p>چپ چين و مناسب براي نوشته هاي چپ به راست</p><p style="direction:rtl">چپچين و مناسب زبان فارسي</p><p style="text-align:right">راست چپن و مناسب زبان انگليسي</p><p style="direction:rtl;text-align:right;">راستچین و مناسب فارسی</p>روش چهارم : استفاده از CSS برای تعیین موقعیت افقی المان های بلاکی مثل جدول ها و تقسیم بندی های صفحه (تگ div)
معمولا دوستانی که در مورد چینش اشیاء مشکل داشتند ، بیشتر در مورد چینش جدول ها و تقسیم بندی های صفحه (تگ div) سوال می پرسیدند . در اینجا می خوایم روش درست و استاندارد انجام این کار رو براتون بگیم .
روش غیراستاندارد و غیر معمولی که بکار میره اینه که جدول ها و المان های بلاکی رو درون یک تگ دیگه قرار میدند و چینش تگ پدر رو تعیین می کنند تا محتوای درون اون رو به راست ، چپ یا وسط ببرند . این روش نادرسته و در بعضی از مرورگر ها پشتیبانی نمیشه .
:: برای این منظور باید از ویژگی های CSS برای همون تگی که می خوایم چینشش رو تعیین کنیم ، استفاده کنیم . برای راست چین و چپ چین کردن یک المان بلاکی باید از ویژگی float در CSS که به معنی شناور بودن هست در خود تگ استفاده کنیم . ویژگی float دو مقدار left و right رو می پذیره که باعث شناور شدن المان بلاکی در چپ یا راست میشه . به طور مثال در کدهای زیر جدول آورده شده به سمت راست صفحه منتقل میشه (محتواش راست چین نمیشه ، خودش به راست میره) و تگ div آورده شده در سمت چپ شناور میشه .
<table style="width: 200px;float: right;"> <tr> <td>news.rozblog.com Web Tutorials</td> </tr></table> <div style="width: 200px;float: left;">news.rozblog.com Web Tutorials</div> در المان های بلاکی به صورت پیش فرض پهنای المان 100 درصد هست . برای همین من با استفاده از ویژگی width مقدار 200 پیکسل رو برای پهنای تگ جدول و div فوق تعیین کردم تا به چپ و راست رفتنشون مشخص باشه .
:: روش مرسوم و صحیح وسط چین کردن المان های بلاکی استفاده از ویژگی margin در CSS هست . ویژگی margin فاصله ی حاشیه ی یک تگ تا تگ پدرش (تگی که اون رو در بر داره) رو مشخص میکنه . شاید تعجب کرده باشید که چطور و چرا از این تگ برای وسط چین کردن المان بلاکی استفاده میشه ! خوب وقتی شما این فاصله رو از چپ و راست مقدار 50 درصد قرار بدید ، در واقع یعنی اونو در وسط قرار دادید !
:: چون قصد دارم در آینده در مورد ویژگی margin و دو ویژگی padding و border در CSS یک مطلب مفصل بنویسم و تفاوت و کاربردهاشون رو بگم در اینجا مختصرا در مورد margin توضیح میدم . تگ margin چهار مقدار رو که با یک space از هم جدا میشن ، می پذیره که به ترتیب فاصله از بالا ، راست ، پایین و چپ تگ رو مشخص می کنه . به طور مثال در پاراگراف زیر فاصله از بالای پاراگراف 10 پیکسل ، از راست 7 پیکسل از پایین 5 پیکسل و از چپ 3 پیکسل هستش :
<p style="width: 200px;margin: 10px 7px 5px 3px">news.rozblog.com</p>همونطور که گفتم شما میتونید به جای واحد pixel از درصد استفاده کنید . با قرار دادن مقدار 50 درصد برای فاصله از چپ و راست ، المان رو به وسط میارید . همچنین برای انتقال یک المان بلاکی به وسط ، مرسوم هست که در تگ margin برای فاصله از بالا یک مقدار رو تعیین می کنند و به جای سه مقدار دیگه از کلمه ی auto استفاده می کنند . که اینکار به صورت پیشفرض فاصله از سه سمت دیگه رو 50% در نظر میگیره .
همون تگ پاراگراف فوق رو با یکی از دو شیوه ی زیر با استفاده از تگ margin میشه به وسط منتقل کرد :
<p style="width: 200px;margin: 10px 50% 5px 50%">news.rozblog.com</p><p style="width: 200px;margin: 0 auto">news.rozblog.com</p>برای به وسط آوردن جدول و تگ div ی که در بالا به چپ و راست شناورش کرده بودیم هم میشه به این شکل عمل کرد :
<table style="width: 200px;margin: 10px 50% 5px 50%;"> <tr> <td>news.rozblog.com Web Tutorials</td> </tr></table> <div style="width: 200px;margin: 5px auto">news.rozblog.com Web Tutorials</div>در صورتی که خودتون موفق به وسط چین کردن کدتون نشدین همونطور که دوستمون گفتن کدتونو قرار بدید تا بچه های انجمن براتون درست کنن.
شغل پردرآمد با سرمایه کم برای خانم ها
به جرات می توان گفت کلیدی ترین و مهم ترین اتفاقات در طول تاریخ را زنان سبب گشته اند. از دیرباز این موجودات به ظاهر ضعیف ، ولی در باطن بسیار نیرومند همپا و همیار مردان در تمامی مراحل زندگی بوده اند. آنها را می توان مدیران خاموش و کم توقع هر خانه ای نام برد که با قدرت تمام می توانند هم در اجتماع باشند، هم خانه و زندگی را مدیریت کنند، و هم بار سخت باروری و رشد و نگهداری یک فرزند را بر عهده بگیرند. مسلما برای هر انسان امروزی و تحصیل کرده ای بسیار روشن و واضح است که نمی توان نقش مهم و اساسی زنان را در جامعه نادیده گرفت.
جنسیتی که در حدود نیمی از جمعیت جامعه را تشکیل داده و در بسیاری از جوامع دنیا صحبت از برابری های جنسیتی در موردش دارند ، این دسترسی ها و برابری ها برای رسیدن به سطوح و موقعیت های بالاتر و فرصت های شغلی مهم تر هستند. همان گونه که واضح است خانواده اصلی ترین و پایه ای ترین نهاد در اجتماع است، و زن به طور قطع نقشی پررنگ و محوری در این نهاد دارد ، لذا اگر بتواند به رشد شخصی خود اهتمام بورزد، درحق تمام جامعه در تمامی سطوح لطف بزرگی کرده است. چرا که تمام فرزندان آینده ساز تحت تاثیر رفتار و تربیت مادران ، این موهبت های الهی دوست داشتنی هستند.
welcome to news.rozblog.com web design tutorials ...
انگشت مبارکتان را روی لینک زیر بزنید و از تمام قیمت های لوازم خانگی , یراق آلات و اکسسوری باخبر
شوید.
تجهیزات آشپزخانه , فر و ماکروفر و ماکروویو لوازم آشپزخانه توکار
گاز رو میزی ,یراق آلات , بلوم ,اکسسوری
Vahid Majidi
انگشت مبارکتان را روی لینک زیر بزنید و از تمام قیمت های
لوازم خانگی , یراق آلات و اکسسوری باخبر
شوید.
تجهیزات آشپزخانه , فر و ماکروفر و ماکروویو لوازم
آشپزخانه توکار
