td
के अंदर पाठ Summary
और Experience
को छोड़कर केंद्रित करने की आवश्यकता है। यह केवल फ़ायरफ़ॉक्स/क्रोम में काम करता प्रतीत होता है। IE8 में सभी td
टेक्स्ट बाएं-उचित के रूप में प्रदर्शित होते हैं। कोई फर्क नहीं पड़ता कि मैं क्या कोशिश करता हूं यह केंद्र नहीं है। ऐसा कोई विशेष कारण क्यों होगा?आईई में पाठ को केन्द्रित करने में असमर्थ लेकिन फ़ायरफ़ॉक्स
सीएसएस
#viewAll {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
width: 100%;
border-collapse: collapse;
margin-left: 10px;
table-layout: fixed;
}
#viewAll td, #viewAll th {
font-size: 1.1em;
border: 1px solid #98bf21;
word-wrap: break-word;
text-align: center;
overflow: hidden;
}
#viewAll tbody td {
padding: 2px;
}
#viewAll th {
font-size: 1.1em;
padding-top: 5px;
padding-bottom: 4px;
background-color: #A7C942;
color: #ffffff;
}
तालिका
<?php
echo '<table id="viewAll" class="tablesorter">';
echo '<thead>';
echo '<tr align="center">';
echo '<th style="width:70px;">Product</th>';
echo '<th style="width:105px;">Prob</th>';
echo '<th style="width:105px;">I</th>';
echo '<th style="width:60px;">Status</th>';
echo '<th style="width:120px;">Experience</th>';
echo '<th style="width:200px;">Technical Summary</th>';
echo '<th style="width:80px;">Record Created</th>';
echo '<th style="width:80px;">Record Updated</th>';
echo '<th style="width:50px;">Open</th>';
echo '</tr>';
echo '</thead>';
echo '<tbody>';
while ($data=mysqli_fetch_array($result)){
#limiting the summary text displayed in the table
$limited_summary = (strlen($data['summary']) > 300) ? substr(($data['summary']),0,300) . '...' : $data['summary'];
$limited_exp = (strlen($data['exp']) > 300) ? substr(($data['exp']),0,300) . '...' : $data['exp'];
echo '<tr align="center">
<td style="width:70px; text-align:center;">'.$data['product'].'</td>';
//if value is '-' do not display as link
if ($data['prob'] != '-'){
echo '<td style="width:105px;">'.$data['prob'].'</a></td>';
}
else{
echo '<td style="width:105px; ">'.$data['prob'].'</td>';
}
if ($data['i'] != '-'){
echo '<td style="width:105px; ">'.$data['i'].'</a></td>';
}
else{
echo '<td style="width:105px; ">'.$data['i'].'</td>';
}
echo'<td style="width:40px; " >'.$data['status'].'</td>
<td style="width:120px; text-align:left;">'.$limited_cust_exp.'</td>
<td style="width:200px; text-align:left;">'.$limited_summary.'</td>
<td style="width:80px; ">'.$data['created'].'</td>
<td style="width:80px; ">'.$data['updated'].'</td>';
if (isset($_SESSION['username'])){
echo '<td style="width:50px; "> <form action="displayRecord.php" method="get">'.'
<input type="hidden" name="id" value="'. $data['id'].'" style="text-decoration: none" /><input type="submit" value="Open" /></form></td>';
}else{
echo '<td style="width:50px; "> <form action="displayRecord.php" method="get">'.'
<input type="hidden" name="id" value="'. $data['id'].'" style="text-decoration: none" /><input type="submit" value="View" /></form></td>';
}
echo '</tr>';
}#end of while
echo '</tbody>';
echo '</table>';
?>
संपादित करें 1: मैं सिर्फ XAMPP के माध्यम से ठीक उसी कोड की कोशिश की और यह IE में यह केंद्रित है। कोई विचार क्यों यह मेरी स्थानीय मशीन पर एक्सएएमपीपी के माध्यम से काम करेगा लेकिन सर्वर के माध्यम से नहीं? (हो रही काफी अब इस से उलझन में)
संपादित करें 2: jsfiddle
क्या आप PHP के बजाय वास्तविक जेनरेट किए गए HTML पोस्ट कर सकते हैं जो इसे बनाता है? अधिमानतः jsfiddle या इसी तरह की सेवा पर ताकि हम इसके बारे में अनुमान लगाने के बजाय इसे देख सकें? – Amadan
@ अहमदन: हाँ मैं देख सकता हूं कि इससे कैसे मदद मिलेगी। डेटा थोड़ा संवेदनशील है इसलिए मैं कुछ नमूना डेटा जोड़ूंगा और इसे jsfiddle पर रखूंगा। यह एएसएपी करेंगे। – greenpool
आपका कोड ऐसा लगता है कि इसे काम करना चाहिए। क्या आप यहां जेनरेट किए गए एचटीएमएल (कोई PHP) का टेस्टकेस पोस्ट कर सकते हैं और हमें लिंक दे सकते हैं? http://jsfiddle.net/ –