وسط چین کردن یک عنصر (div span a) با استفاده از css در طراحی سایت

وسط چین کردن یک عنصر (div span a) با استفاده از css در طراحی سایت
 ۱۶ آبان ۱۳۹۵      موضوعات: آموزش طراحی سایت وبلاگ 

یکی از ویژگی هایی که برای طراحی بسیار مورد نظر طراحان است، ظاهر سایت است. در بسیار از موارد نیاز است که یک عنصر div، span،article و یا هر عنصر دیگری در طراحی سایت در وسط باکس بزرگتر یا باکس مادر قرار بگیرد. این که چگونه باید به بهترین روش این کار را انجام داد که هم در سایز های مختلف صفحه همیشه بر حسب عرض باکس والد قابل انعطاف یا ریسپانسیو باشد. با ایران وبر همراه باشید. وسط چین کردن نوشته با تگ p برای وسط چین کردن نوشته با تگ p بهتر است از کد text-align استفاده کنید. با این کد شما می توانید به راحتی نوشته ی خود را در وسط باکس والد قرار دهید. <p style="text-align:center">IranWeber.com</p> وسط چین کردن تگ هایی inline مانند video، img و... برای وسط چین کردن تگ های این لاین مانند ویدئو، تصویر ، input و ... بهتر است این تگ ها را در بین دو P قرار دهید و سپس تگ p را همانند بخش قبل با text-align وسط چین کنید. برای مثال اگر بخواهیم ویدئویی را وسط چین کنیم می توانیم از این روش استفاده کنیم: <p style="text-align:center"><video src="iranweber.mp4"></video></p> وسط چین کردن دایو با css برای وسط چین کردن دایو ها بهتر است از margin استفاده شود. ...

برچسب‌ها: , , ,
آخرین مقالات برگزیده و ویدئو ها
چرا لوگو شیائومی تغییر کرد؟ | حقایق لوگو 300 هزار دلاری شیائومی

شرکتها و برندها بر اساس ایده های بازاریابیِ تیم مارکتینگ خود تصمیم به ریدیزاین لوگو میگیرند. این تغییر یا تغییرات ممکن گاهی چشمگیر و اساسی باشد، گاهی هم ریز و به دور از چشم. در هر صورت هدف و انگیزه ای در پس آن نهفته است و هیچ برندی از سر بیکاری دست به این حرکت کمابیش ریسکی نمیزند. در سال 2021 خبری جنجالی از تغییر لوگو شیائومی منتشر شد. همه به سراغ موتورهای جستجو رفتند تا ببینند این تغییری که حرفش را میزنند چگونه و به چه دلیل بوده است! این همان چیزی است که ما در این مقاله به آن میپردازیم. برند شیائومی شیائومی در آوریل 2010 به عنوان یک شرکت سفت‌افزار سفارشی برای دستگاه‌های اندرویدی توسط لی […]

نگهداری وب سایت چیست و چه هزینه هایی دارد؟

ایجاد وب سایتی که ظاهری عالی داشته باشد و عملکرد خوبی داشته باشد برای هر صنعتی مهم است، اما این تنها نیمی از نبرد است – نگهداری به همان اندازه حیاتی است. نگهداری وب سایت شما تضمین می کند که کسب و کار، وبلاگ یا حضور آنلاین شما در طول زمان به تکامل و موفقیت ادامه می دهد. این همچنین نشان می دهد که هر کسی که با سایت شما تعامل داشته باشد همیشه بهترین تجربه کاربری را خواهد داشت. در حالی که چندین کار وجود دارد که باید در هنگام نگهداری وب سایت خود در نظر بگیرید، سازماندهی هر کدام بر اساس هفته، ماه، سه ماهه و سال می تواند به شما در ایجاد یک برنامه اشتباه کمک کند […]

یک وبسایت خوب چگونه است وساختار آن چه ویژگی هایی دارد؟

نحوه ظاهر آنلاین برند یا کسب و کار شما مهمتر از همیشه است. و در حالی که وب سایت شما باید ظاهر خود را با محتوای بصری با کیفیت حفظ کند، 31 درصد از مصرف کنندگان نیز معتقدند که یک تجربه کاربری جذاب باید در اولویت باشد. هنگامی که به تنهایی یک وب سایت ایجاد می کنید، ایجاد یک تجربه کاربری تأثیرگذار اغلب به توجه به جزئیات ناشناخته مانند ساختار وب سایت شما بستگی دارد. در این مقاله، ساختار وب‌سایت را تعریف می‌کنیم، نحوه ساخت آن را از طریق دید UX یا تجربه کاربری توضیح می‌دهیم و در مورد محبوب‌ترین مدل‌هایی که امروزه در طراحی وب‌سایت و قالب‌های وب‌سایت استفاده می‌شوند، صحبت می‌کنیم. ساختار وب سایت چیست؟ ساختار وب سایت […]

لوگو اچ پی | آیا لوگو hp خلاقانه است؟

HP نام جدید هیولت پاکارد (Hewlett-Packard)، شرکت فناوری اطلاعات آمریکا است که در سال 1939 تأسیس شد. این شرکت بیشتر به دلیل تولید رایانه و لوازم جانبی شناخته شده است، اما در همان ابتدای تاریخ خود، روی نرم افزار و خدمات محاسباتی برای تجارت و خدمات متمرکز بود. شما حتما یا لپتاپ اچ پی را داشته اید یا پرینتر این برند را در خانه یا محل کارتان! داستان لوگو این برند و تغییراتش را در این مقاله بخوانید. تاریخچه لوگو hp مونوگرام نمادین “HP” روی یک دایره، از زمان معرفی اولین لوگو در سال 1939، همیشه بخشی از هویت بصری شرکت بوده است. اگرچه در طول سال ها رنگ، خطوط و همه چیز این نماد کمال یافت. اولین نماد شرکت […]

نرخ پرش چیست (Bounce Rate) و چرا اهمیت دارد؟

نرخ پرش یکی از مهم ترین معیارها در طراحی وب است – بنابراین مطمئن شوید که می دانید چگونه آن را اندازه گیری کرده و بر آن تأثیر بگذارید. هنگامی که یک وب سایت ایجاد می کنید، یک فروشگاه آنلاین راه اندازی می کنید یا در یک تیم بازاریابی حضور دارید، جذب بازدیدکننده به سایت شما اغلب اولین قدم است. مدت زمانی که یک بازدیدکننده به آن نزدیک می شود می تواند به شما بگوید که محتوای شما چقدر جذاب است – یا نیست. نرخ پرش معیاری است که این مورد را مشخص می کند. در ادامه به بررسی بخش های مختلف تاثیر گذار بر روی نرخ پرش خواهیم پرداخت. معنی نرخ پرش یا بونس ریت چیست؟ نرخ پرش یا […]

با ما تماس بگیرید!
021-91018852
آدرس
تهران- بلوار ایت الله کاشانی - خیابان کیهان - کیهان دوم - پلاک 23 - واحد 4