क्या किसी को पता है कि 100% की चौड़ाई वाले इनपुट तत्व तालिका की कोशिकाओं की सीमा पर क्यों जाते हैं।
इनपुट बॉक्स के नीचे सरल उदाहरण में तालिका की कोशिकाओं की सीमा पर जाना, परिणाम भयानक है। यह परीक्षण किया गया था और यह उसी तरह से होता है: फ़ायरफ़ॉक्स, IE7 और सफारी।
क्या यह आपके लिए समझ में आता है? क्या मुझे कुछ याद आ रहा है, क्या आप एक संभावित समाधान के बारे में जानते हैं?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <!-- don't use closing slash in meta tag, it breaks HTML4.01 transitional -->
<title>Test input text in table</title>
<style type="text/css">
table {border-top: 1px solid #ff0000; border-left: 1px solid #ff0000;}
table td {border-right: 1px solid #00ff00; border-bottom: 1px solid #00ff00;}
input[type="text"] {width: 100%;} /* removing this would make input not to go over cells border, but they would be too short, I want them to fit cells size */
</style>
</head><body>
<table cellpadding="0" cellspacing="0">
<tr>
<td><p>column one hello babe babe babe</p></td>
<td><p>column two hello babe more</p></td>
<td><p>column three hello babe more and more</p></td>
</tr>
<tr>
<td><input type="text" value="test"></td>
<td><input type="text" value="test"></td>
<td><input type="text" value="test"></td>
</tr>
</table>
</body></html>
formके साथlabelहै औरinputएक के अंदरulयाol। जो है, कम से कम थोड़ा अधिक अर्थपूर्ण। निश्चित रूप से, हालांकि, आप का उपयोग किया जाना चाहिएform, भले ही आप के साथ रहना हैtable।