StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POTD width not changing CSS HTML
primarykey
Id
15157807
data
AcceptedAnswerId
15157868
AnswerCount
3
ClosedDate
CommentCount
3
CommunityOwnedDate
CreationDate
2013-03-01T12:28:46.550
FavoriteCount
0
LastActivityDate
2017-01-01T17:32:51.967
LastEditDate
2017-01-01T17:32:51.967
LastEditorUserId
4370109
OwnerUserId
1060051
ParentId
0
PostTypeId
1
Score
1
ViewCount
1881
LastEditorDisplayName
text
Body
<p>I have a table, first row 4 items (one tr, 4 td's), second row 1 item (another tr, 1 td)</p> <p>I want the second row item to align center, so I want the td on the bottom row to be width 100% to fill the tr, but it is not working. Here is my current code:</p> <pre><code><table style="width:100%;"> <tbody><tr> <td style="padding:20px 5px 5px 5px; text-align:center;"> <div style="height:75px; width:75px; border-color:#8AAEA4; border-style:solid; border-width:2px; display: block; margin-left:auto; margin-right:auto;"> <img height="75px" width="75px" src="/images/icons/default.jpg"></div><form style="display:inline; margin:0; padding:0; " action="/dashboard/shop_window/" method="post" onsubmit="return confirm('Are you sure?');"> <input type="hidden" name="action" value="tcd.profile.delete.shop.window.item"> <input type="hidden" name="item_id" value=""> <input class="add_to_sw" style="cursor: pointer; cursor: hand; background-color:#FFF;" type="submit" value="Delete"> </form> </td> <td style="padding:20px 5px 5px 5px; text-align:center;"> <div style="height:75px; width:75px; border-color:#8AAEA4; border-style:solid; border-width:2px; display: block; margin-left:auto; margin-right:auto;"> <img height="75px" width="75px" src="/images/icons/default.jpg"></div><form style="display:inline; margin:0; padding:0; " action="/dashboard/shop_window/" method="post" onsubmit="return confirm('Are you sure?');"> <input type="hidden" name="action" value="tcd.profile.delete.shop.window.item"> <input type="hidden" name="item_id" value=""> <input class="add_to_sw" style="cursor: pointer; cursor: hand; background-color:#FFF;" type="submit" value="Delete"> </form> </td> <td style="padding:20px 5px 5px 5px; text-align:center;"> <div style="height:75px; width:75px; border-color:#8AAEA4; border-style:solid; border-width:2px; display: block; margin-left:auto; margin-right:auto;"> <img height="75px" width="75px" src="/images/icons/default.jpg"></div><form style="display:inline; margin:0; padding:0; " action="/dashboard/shop_window/" method="post" onsubmit="return confirm('Are you sure?');"> <input type="hidden" name="action" value="tcd.profile.delete.shop.window.item"> <input type="hidden" name="item_id" value=""> <input class="add_to_sw" style="cursor: pointer; cursor: hand; background-color:#FFF;" type="submit" value="Delete"> </form> </td> <td style="padding:20px 5px 5px 5px; text-align:center;"> <div style="height:75px; width:75px; border-color:#8AAEA4; border-style:solid; border-width:2px; display: block; margin-left:auto; margin-right:auto;"> <img height="75px" width="75px" src="/images/icons/default.jpg"></div><form style="display:inline; margin:0; padding:0; " action="/dashboard/shop_window/" method="post" onsubmit="return confirm('Are you sure?');"> <input type="hidden" name="action" value="tcd.profile.delete.shop.window.item"> <input type="hidden" name="item_id" value=""> <input class="add_to_sw" style="cursor: pointer; cursor: hand; background-color:#FFF;" type="submit" value="Delete"> </form> </td> </tr> <tr> <td style="background-color: #FF0000; width:inherit; padding:10px 5px 5px 5px; text-align:center;"> <div style="height:75px; width:75px; border-color:#8AAEA4; border-style:solid; border-width:2px; display: block; margin-left:auto; margin-right:auto;"> <img height="75px" width="75px" src="/images/icons/default.jpg"></div><form style="display:inline; margin:0; padding:0; " action="/dashboard/shop_window/" method="post" onsubmit="return confirm('Are you sure?');"> <input type="hidden" name="action" value="tcd.profile.delete.shop.window.item"> <input type="hidden" name="item_id" value=""> <input class="add_to_sw" style="cursor: pointer; cursor: hand; background-color:#FFF;" type="submit" value="Delete"> </form></td> </tr> </tbody></table> </code></pre> <p>Can anyone see what I'm doing wrong? </p> <p>Here is the jsfiddle: <a href="http://jsfiddle.net/UqPXw/" rel="nofollow noreferrer">JSFIDDLE</a></p>
Tags
<html><css><html-table><tablecolumn>
Title
TD width not changing CSS HTML
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. UScwiggo
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POTD width not changing CSS HTML
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTDownMod
2. VO
  singulars
  PostPostId
  POTD width not changing CSS HTML
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.