StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
19862383
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-11-08T15:15:35.540
FavoriteCount
0
LastActivityDate
2013-11-08T15:15:35.540
LastEditDate
LastEditorUserId
0
OwnerUserId
2957079
ParentId
19861169
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
<p>I downloaded the css file <a href="http://www.seek.com.au/" rel="nofollow">http://www.seek.com.au/</a>, and have left only the necessary html code for the head, the css I have left as is, and working properly. The code required is:</p> <p>For head.css download and rename to head.css this file <a href="http://www.seek.com.au/Content/css/common.css?v=_GHB0fgqiiF1aEqENnbsioLpi3bnY_pZ-FUdqI4Gu9I1" rel="nofollow">css</a></p> <p>index.html</p> <pre><code><html> <head> <title>LLM Title</title> <link href="head.css" rel="stylesheet"> </head> <body class="body-home-index Main au"> <div id="Header"> <div class="mod-navigation state-horizontal state-sites-nav"> <div class="l-row"> <div class="mod-switch pull-right"> <span class="is-selected">AU</span><a title="SEEK NZ" href="http://www.seek.co.nz/?cid=sk:main:au:nav:nz">NZ</a> </div> <div class="grid_6 l-h-centered"> <ul class="state-subsites-nav"> <li class="state-jobs active"> <a class="is-active">Jobs</a> </li> <li class="state-learning"> <a href="http://www.seeklearning.com.au/?CampaignCode=SEEK_BANNER_29" title="SEEK Learning">Courses</a> </li> <li class="divider"></li> <li class="state-commercial"> <a href="http://www.seekcommercial.com.au/?tracking=sk:main:au:nav:bus" title="SEEK Commercial">Businesses for sale</a> </li> <li class="divider"></li> <li class="state-volunteer"> <a href="http://volunteer.com.au/?tracking=SKMAU:main+header" title="SEEK Volunteer">Volunteering</a> </li> </ul> </div> </div> </div> <div class="mod-nav-login l-row"> <form id="LoginHeaderForm" method="POST" action="https://www.seek.com.au/Login/Options?returnUrl=%2F"> <input id="Feature" name="Feature" type="hidden" value="Navigation"> <div id="loggedInName" class="mod-caption"> <ul class="mod-login"> <li> <ul class="l-clearfix"> <li class="l-column grid_2 state-ie-fix-grid"> <input type="text" id="username" name="email" class="state-inp-sign-in hasPlaceholder" placeholder="Email" title="Email" tooltip="Email" clickev="true"></li> <li class="l-column grid_2 state-ie-fix-grid"> <input type="password" id="password" name="password" class="state-inp-sign-in hasPlaceholder" placeholder="Password" title="Password" tooltip="Password" clickev="true"></li> <li class="l-column mod-multi-button"> <button type="submit" id="logInButton" name="action" value="SignIn" class="mod-button state-button-alternate state-button-exception">Sign in</button> </li> </ul> </li> <li> <ul class="l-clearfix"> <li class="l-column grid_2"> <input checked="checked" id="RememberMe" name="RememberMe" type="checkbox" value="true"><input name="RememberMe" type="hidden" value="false"> <label for="RememberMe">Remember me</label> </li> <li class="l-column grid_2"> <a href="./SEEK - Australia's no. 1 jobs, employment, career and recruitment site_files/SEEK - Australia's no. 1 jobs, employment, career and recruitment site.htm" data-lightbox-url="https://www.seek.com.au/Login/RestorePassword" data-lightbox-required="true">Trouble signing in?</a> </li> <li class="l-column mod-multi-button"> <button type="submit" name="action" value="Register" class="mod-like-a-link" id="RegisterLinkStandalone" data-automation="nav-btn-regSubmit">or register</button> <button type="submit" id="hiddenLogInButton" name="action" value="SignIn" style="display: none">Standalone</button> </li> </ul> </li> </ul> </div> </form> </div> <div class="mod-banner l-clearfix"> <div class="l-row"> <h1 class="AU-Main mod-logo">SEEK</h1> </div> </div> </div> </body> </html> </code></pre> <p>Hope that helps, if not tell me what you asked, thanks.</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHeader CSS with login in panel
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USleoledmag
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. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COThanks! I just wanted to know how to align and position those fields in the header of the page. For example, the login part of the header is pretty neat, and it doesn't use <table> to align it. I am relatively new to css and just want to mimic this style. When I reviewing the css of the website, it seems very complicated and there are so many classes and things like that. Could we simplify the css? I mean, we just keep the HTML and simplify the css so it has no unnecessary rules.
  singulars
  PostPostId
  PO
  UserUserId
  USuser2967661

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.