تبلیغات
تبلیغات متنی
محبوبترینها
بارش‌های سیل‌آسا در راه است! آیا خانه شما آماده است؟
بارش‌های سیل‌آسا در راه است! آیا خانه شما آماده است؟
قیمت انواع دستگاه تصفیه آب خانگی در ایران
نمایش جنگ دینامیت شو در تهران [از بیوگرافی میلاد صالح پور تا خرید بلیط]
9 روش جرم گیری ماشین لباسشویی سامسونگ برای از بین بردن بوی بد
ساندویچ پانل: بهترین گزینه برای ساخت و ساز سریع
خرید بیمه، استعلام و مقایسه انواع بیمه درمان ✅?
پروازهای مشهد به دبی چه زمانی ارزان می‌شوند؟
تجربه غذاهای فرانسوی در قلب پاریس بهترین رستوران‌ها و کافه‌ها
دلایل زنگ زدن فلزات و روش های جلوگیری از آن
خرید بلیط چارتر هواپیمایی ماهان _ ماهان گشت
صفحه اول
آرشیو مطالب
ورود/عضویت
هواشناسی
قیمت طلا سکه و ارز
قیمت خودرو
مطالب در سایت شما
تبادل لینک
ارتباط با ما
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
آمار وبسایت
تعداد کل بازدیدها :
1836032472
تراز كردن متن قرار گرفته در وسط جدول -
واضح آرشیو وب فارسی:سایت ریسک: تراز كردن متن قرار گرفته در وسط جدول Peter Pro 30 بهمن 1386, 23:01سلام :) دوستان مشكل اصلي با تراز كردن متن در وسط جدول است. هنگامي كه از خصوصيت justify در CSS استفاده مي شود متن تراز مي شود ولي در سمت چپ جدول قرار مي گيرد! آيا اين امكان وجود دارد كه متن در وسط جدول قرار بگيرد و تراز باشد؟ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns="" xml:lang="en" lang="en"> <head> <title>Table test</title> <meta "content-type" content="text/html; charset=UTF-8" /> <meta "Content-Style-Type" content="text/css" /> <style type="text/css"> body { margin: 0; padding: 0; background-color: #ffffff; font-family: "tahoma", arial, sans-serif; font-size: 12px; } #global { width: 921px; height: 500px; margin: 0 auto; } .table1 { width: 921px; margin: 0 auto; margin-top: 50px; } .table1 ul { list-style: none; margin: 0; padding: 0; float: left; border-top: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; } .table1 li { display: inline; float: left; width: 449px; padding: 5px; background-color: #0000ff; color: #ffffff; font: bold 12px "tahoma", arial, sans-serif; text-align: center; text-decoration: none; border-right: 1px solid #000000; } .table2 { width: 921px; margin: 0 0 5px 0; } .table2 ul { list-style: none; margin: 0; padding: 0; float: left; border-top: none; border-left: 1px solid #000000; border-bottom: 1px solid #000000; } .table2 li { height: 60px; display: inline; float: left; width: 449px; padding: 5px; color: #ffffff; font: bold 12px "tahoma", arial, sans-serif; text-align: center; text-decoration: none; border-right: 1px solid #000000; } </style> </head> <body> <div id="global"> <div class="table1"> <ul> <li>table1</li> <li>table2</li> </ul> </div> <div class="table2"> <ul> <li> <a title="test" target="_blank" href="">qqq><br /> <a title="test" target="_blank" href="">qqq</a><br /> <a title="test" target="_blank" href="">qqq><br /> <a title="test" target="_blank" href="">qqq> </li> <li> <a title="test" target="_blank" href="">aaasssdddfff</a><br /> <a title="test" target="_blank" href="">aaa</a><br /> <a title="test" target="_blank" href="">aaasss</a><br /> <a title="test" target="_blank" href="">aaasssdddfffggg</a> </li> </ul> </div> </div> </body> </html> amirabbas_p30magazine 02 اسفند 1386, 09:58تا اونجا که می دونم نمیشه اینکار رو کرد. شما میتونید از همون مقدار center برای text-align استفاده کنید. نمیشه که متن هم تراز باشه و هم وسط چین باشه echessdesign 02 اسفند 1386, 13:26درود بر شما شما می تونید تا آنجا که نیاز است به BOX داخلی خود Padding یکسان از چپ و راست دهید، سپس متن داخل li ار ترازی برابر justify دهید: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <meta "Content-Type" content="text/html; charset=utf-8" /> <title>Untitled 1</title> </head> <body> <div style="padding:10px 30px; background:silver; width:300px;"> <p style="text-align:justify"> Insert a simple piece of our code on your web page or blog and you will be able to analyse and monitor all the visitors to your website in real-time! </p> </div> </body> </html> echessdesign 02 اسفند 1386, 19:43دوست عزیز شما می خواهید متونی که در تگ li است، تراز justify پیدا کند؟ Peter Pro 02 اسفند 1386, 20:06دوست عزیز شما می خواهید متونی که در تگ li است، تراز justify پیدا کند؟ بله، مشكل من در تراز (justify) كردن متوني است كه در تگ li قرار گرفته است. echessdesign 02 اسفند 1386, 20:37کافیه که شما به ul خصیصه padding بدید و برای li خصیصه متن آن را برابر justify قرار دهید. مهم آن است که خود شما پس از درک این مسعله، موفق به حل این مشکل شوید. پاینده باشید. echessdesign 03 اسفند 1386, 09:29بفرمایید: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns="" xml:lang="en" lang="en"> <head> <title>Table test</title> <meta "content-type" content="text/html; charset=UTF-8" /> <meta "Content-Style-Type" content="text/css" /> <style type="text/css"> body { margin: 0; padding: 0; background-color: #ffffff; font-family: "tahoma", arial, sans-serif; font-size: 12px; } #global { width: 921px; height: 500px; margin: 0 auto; } .table1 { width: 900px; margin: 0 auto; margin-top: 50px; } .table1 ul { list-style: none; margin: 0; padding: 0; float: left; border-top: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; padding:0 20px; } .table1 li { display: inline; float: left; /* width: 449px; */ padding: 5px; background-color: #0000ff; color: #ffffff; font: bold 12px "tahoma", arial, sans-serif; text-align: justify; text-decoration: none; border-right: 1px solid #000000; background:aqua; } .table2 { width: 900px; margin: 0 0 5px 0; } .table2 ul { list-style: none; margin: 0; padding: 20px; float: left; border-top: none; border-left: 1px solid #000000; border-bottom: 1px solid #000000; background:red; } .table2 li { height: 60px; display: inline; float: left; /* width: 449px; */ padding: 5px; color: #ffffff; font: bold 12px "tahoma", arial, sans-serif; text-align: justify; text-decoration: none; border-right: 1px solid #000000; text-align:justify; } .table2 li a{ text-decoration:none; color:#000; display:block; margin:5px 0; } </style> </head> <body> <div id="global"> <div class="table1"> <ul> <li>Insert a simple piece of our code on your web page or blog and you will be able to analyse and monitor all the visitors to your website in real-time</li> <li>Insert a simple piece of our code on your web page or blog and you will be able to analyse and monitor all the visitors to your website in real-time</li> </ul> </div> <div class="table2"> <ul> <li> <a title="test" target="_blank" href="">Insert a simple piece of our code on your web page or blog and you will be able to analyse and monitor all the visitors to your website in real-time</a><br /> <a title="test" target="_blank" href="">Insert a simple piece of our code on your web page or blog and you will be able to analyse and monitor all the visitors to your website in real-time</a><br /> <a title="test" target="_blank" href="">qqq><br /> <a title="test" target="_blank" href="">qqq> </li> <li> <a title="test" target="_blank" href="">aaasssdddfff</a><br /> <a title="test" target="_blank" href="">aaa</a><br /> <a title="test" target="_blank" href="">aaasss</a><br /> <a title="test" target="_blank" href="">aaasssdddfffggg</a> </li> </ul> </div> </div> </body> </html> echessdesign 03 اسفند 1386, 20:40بفرمایید: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns="" xml:lang="en" lang="en"> <head> <title>Table test</title> <meta "content-type" content="text/html; charset=UTF-8" /> <meta "Content-Style-Type" content="text/css" /> <style type="text/css"> body { margin: 0; padding: 0; background-color: #ffffff; font-family: "tahoma", arial, sans-serif; font-size: 12px; } #global { width: 921px; height: 500px; margin: 0 auto; } .table1 { width: 921px; margin: 0 auto; margin-top: 50px; } .table1 ul { list-style: none; margin: 0; padding: 0; float: left; border-top: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; } .table1 li { display: inline; float: left; width: 449px; padding: 5px; background-color: #0000ff; color: #ffffff; font: bold 12px "tahoma", arial, sans-serif; text-align: center; text-decoration: none; border-right: 1px solid #000000; } .table2 { width: 921px; margin: 0 0 5px 0; } .table2 ul { list-style: none; margin: 0; padding: 0; float: left; border-top: none; border-left: 1px solid #000000; border-bottom: 1px solid #000000; } .table2 li { height: 60px; display: inline; float: left; width: 419px; padding: 5px; color: #ffffff; font: bold 12px "tahoma", arial, sans-serif; text-align: center; text-decoration: none; border-right: 1px solid #000000; padding:0 20px; } .table2 li a, .table2 li a:visited { display:block; text-align:justify; color:red; } .table2 li a:hover { text-align:justify; text-decoration:none; } </style> </head> <body> <div id="global"> <div class="table1"> <ul> <li>table1</li> <li>table2</li> </ul> </div> <div class="table2"> <ul> <li> <a title="test" target="_blank" href="">Insert a simple piece of our code on your web page or blog and you will be able to analyse and monitor all the visitors to our your </a><br /> <a title="test" target="_blank" href="">Insert a simple piece of our code on your web page or blog and you will be able to analyse and monitor all the visitors to your </a><br /> <a title="test" target="_blank" href="">Insert a simple piece of our code on your web page or blog and you will be able to analyse and monitor all the visitors to your </a><br /> <a title="test" target="_blank" href="">Insert a simple piece of our code on your web page or blog and you will be able to analyse and monitor all the visitors to your </a> </li> <li> <a title="test" target="_blank" href="">aaasssdddfff</a><br /> <a title="test" target="_blank" href="">aaa</a><br /> <a title="test" target="_blank" href="">aaasss</a><br /> <a title="test" target="_blank" href="">aaasssdddfffggg</a> </li> </ul> </div> </div> </body> </html> Peter Pro 07 اسفند 1386, 00:43عالي بود echessdesign عزيز از همكاري صميمانه شما تشكر مي كنم :)
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 17383]
-
گوناگون
پربازدیدترینها