Hacker News new | past | comments | ask | show | jobs | submit login

>1x1.gif let you push elements all around the page effortlessly. To this day it is the only way to vertically center elements.

HN was launched February 2007 and uses <TABLE> and 1x1 gif to set the indentation level of comments.

  <table border='0'>  <tr>    <td class='ind' indent='0'>
  <img src="s.gif" height="1" width="0"></td><td valign="top" class="votelinks">
  <table border='0'>  <tr>    <td class='ind' indent='1'>
  <img src="s.gif" height="1" width="40"></td><td valign="top" class="votelinks">
  <img src="s.gif" height="1" width="80"></td><td valign="top" class="votelinks">
  <img src="s.gif" height="1" width="120"></td><td valign="top" class="votelinks">
The 1x1 s.gif is also used on the front page of stories at the bottom of the page to add spacing above the orange divider line:

  <tr><td><img src="s.gif" height="10" width="0"><table width="100%" cellspacing="0" cellpadding="1"><tr><td bgcolor="#ff6600"></td></tr></table><br>



If it ain't broke!




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: