تبلیغات
تبلیغات متنی
دکتر علی پرند فوق تخصص جراحی پلاستیک
طراحی سایت فروشگاهی فروشگاه آنلاین راه‌اندازی کسب‌وکار آنلاین طراحی فروشگاه اینترنتی وبسایت
بهترین دکتر پروتز سینه در تهران
محبوبترینها
بهترین ماساژورهای برقی برای دیسک کمر در بازار ایران
بهترین ماساژورهای برقی برای دیسک کمر در بازار ایران
آفریقای جنوبی چگونه کشوری است؟
بهترین فروشگاه اینترنتی خرید کتاب زبان آلمانی: پیک زبان
با این روش ساده، فروش خود را چند برابر کنید (تست‌شده و 100٪ عملی)
سفر به بالی؛ جزیره‌ای که هرگز فراموش نخواهید کرد!
از بلیط تا تماشا؛ همه چیز درباره جشنواره فجر 1403
دلایل ممنوعیت استفاده از ظروف گیاهی در برخی کشورها
آیا میشود فیستول را عمل نکرد و به خودی خود خوب میشود؟
مزایای آستر مدول الیاف سرامیکی یا زد بلوک
خصوصیات نگین و سنگ های قیمتی از نگاه اسلام
صفحه اول
آرشیو مطالب
ورود/عضویت
هواشناسی
قیمت طلا سکه و ارز
قیمت خودرو
مطالب در سایت شما
تبادل لینک
ارتباط با ما
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
آمار وبسایت
تعداد کل بازدیدها :
1861023377
تراز كردن متن قرار گرفته در وسط جدول -
واضح آرشیو وب فارسی:سایت ریسک: تراز كردن متن قرار گرفته در وسط جدول 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]
[تعداد بازديد از اين مطلب: 17411]
-
گوناگون
پربازدیدترینها