I have encountered an issue where the CSS is not displaying the second word in the buttons, even after removing all CSS from the submit buttons. Instead, it only shows 'robert'. Even when using $_post, only 'robert' is displayed. However, when looping through the buttons, 'robert tables' is displayed, indicating that 'tables' is somehow getting dropped from the name. Changing the name in the database to 'robert_tables' resolves the issue.
As I delve into CSS for the first time, I have stumbled upon a challenge that Google has not been able to provide an answer for.
Beginning with a query:
$query="select name from members where active=1 order by name";
Next, I am creating a table that is five columns wide, spanning 100% of the page, with each column occupying 20%.
echo "<form action='individual.php' method='post'>";
$column = 0;
echo "<table class='fullheight' >";
while($row = $rs->fetch_assoc()) {
if ($column == 0) {
echo "<tr>";
}
echo "<td class='cellnopad'><input type='submit' class='submitbtn' name='name' value=".$row['name']." ></td>";
$column++;
if ($column >= 5) {echo "</tr>";
$row++;
$column=0;
}
}
echo "</table>";
echo "</form>";
While I have achieved the desired layout, the text within each button can exceed the button's dimensions and get cut off. For example, 'robert tables' only displays 'robert'. Is there an auto text size setting for buttons? If so, how can I implement it? Any suggestions on improving this setup would be greatly appreciated, but please keep in mind that I am just starting out.