StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
15011506
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2013-02-21T20:23:00.820
FavoriteCount
0
LastActivityDate
2013-02-21T21:03:17.120
LastEditDate
2013-02-21T21:03:17.120
LastEditorUserId
981047
OwnerUserId
981047
ParentId
15011322
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
<p>Not sure how far this gets to solving your problem(s), but its a start:</p> <p><a href="http://jsfiddle.net/4JKus/5/" rel="nofollow">http://jsfiddle.net/4JKus/5/</a></p> <p>Using the align attribute in div declarations is considered bad form. You had a stray /div hanging out. Not sure why you are forcing your images and the main container to 100% height.</p> <p>HTML</p> <pre><code><!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="ccoheader.css"> <title>Hello World</title> </head> <body> <div id="container"> <div id="tophead"> <img class="logo" src="images/logo.png" alt="logo"> <ul> <li><a href="#" title="About Us">About Us</a></li> <li><a href="#" title="Biographies">Biographies</a></li> <li><a href="#" title="Services">Services</a></li> <li><a href="#" title="Careers">Careers</a></li> <li><a href="#" title="Contact">Contact</a></li> </ul> </div> <div id="maincont"> <div class="maincont_col1"> &nbsp; </div> <div class="maincont_col2"> <img src="images/secondimage.png" alt="image"> </div> </div> </div> </body> </code></pre> <p>CSS</p> <pre><code>html, body, #container { width: 100%; margin: 0; } #tophead { height: 20%; width: 80%; margin: auto; } #tophead img { width: auto%; } #tophead ul { list-style: none; display: inline-block; font-size: 0; } #tophead li { display: inline-block; } #tophead a { background: #2dbaf0; color: #fff; display: block; font-size: 16px; font-family: "arial"; font-weight: bold; padding: 0 20px; line-height: 38px; text-transform: uppercase; text-decoration: none; -webkit-transition-property: background; -webkit-transition-duration: .2s; -webkit-transition-timing-function: linear; } #tophead a:hover { background: #f8a52b; color: #fff; } #tophead li:first-child a { border-left: none; border-radius: 5px 0 0 5px; } #tophead li:last-child a { border-right: none; border-radius: 0 5px 5px 0; } #maincont { width: 100%; padding-top: 2%; overflow: hidden; } .maincont_col1{ width:20%; float:left; } .maincont_col2{ width:80%; float:left; } #maincont img{ border-radius: 30px; } </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POAlign or flat an image left of its immediate parent div only
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USLowkase
UserOwnerUserId
1. USLowkase
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POAlign or flat an image left of its immediate parent div only
  singulars
  PostTypePostTypeId
  PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTAcceptedByOriginator
CommentsPostId
1. COFirst I appreciate your response. I'm new as in yesterday new to html and css so please feel free to point out my mistakes and I apologize in advance if they seem idiotic. I was using the percentages on the images because they are big files. I was told that site might be used on a HDTV so i thought it best to keep the header at 20% and put the image in there at 100% of that 20 so that if its on a computer screen it would look small but scale well on a TV. Bad idea? I used the align attribute because i couldnt get the content centered. What would be the preferable way?
  singulars
  PostPostId
  PO
  UserUserId
  USuser2093601
2. CONo worries, your doing a great job so far with HTML/CSS. It takes a while to find best practices in any syntax you pick up.
  singulars
  PostPostId
  PO
  UserUserId
  USLowkase

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.