morningpeacock | sansa table (Reply)

SANSA	FINGER	WOLF
SANSA SANSA LINK 1 SANSA LINK 2 SANSA LINK 3

SANSA	FINGER	WOLF
FINGER FINGER LINK 1 FINGER LINK 2 FINGER LINK 3

SANSA	FINGER	WOLF
WOLF WOLF LINK 1 WOLF LINK 2 WOLF LINK 3

<div style="height:380px; overflow: hidden;">

<!-- SANSA/SCREEN 1 TOP PANEL --!>
<a name="SANSA"></a>
<table style="font-family: Helvetica, Calibri, sans-serif; font-size: 13px; font-weight: 800; text-align: center; text-transform: uppercase;">
<tr>
<td style="padding: 20px; width: 80px; background: #ececec; vertical-align: center;"><a href="#SANSA" style=" color: #353535; text-decoration: none;">SANSA</a></td>

<td style="padding: 20px; width: 80px; background: #ececec; vertical-align: middle; border-left: 5px solid transparent;"><a href="#FINGER" style="color: #A6A6A6; text-decoration: none;">FINGER</a></td>

<td style="padding: 20px; width: 80px; background: #ececec; vertical-align: middle;"><a href="#WOLF" style="color: #A6A6A6; text-decoration: none;">WOLF</a>
</td>
</tr>

<tr>
<!-- SANSA/SCREEN 1 IMAGE --!>
<td colspan="3" style="background: url(http://i.imgur.com/Du80EzX.gif) #ececec; background-position: center center; height: 280px; width: 400px; padding: 0; text-align: center; vertical-align: middle; -webkit-filter: grayscale(1);">

<!-- SANSA/SCREEN1 TITLE --!>
<div style="height: 40px; width: 400px; position: relative; top: 50px;">
<span style="font-size: 3.0em; color: #ffffff;">SANSA</span>
</div>

<!-- SANSA/SCREEN1 LINKSET --!>
<div style="background: #000000; background-position: center center; width: 400px; position: relative; top: 68px; opacity: 0.5; padding: 14px 14px; text-align: right; font-size: 0.8em;">
<a href="http://isherarmor.dreamwidth.org/3559.html" style="color: #ffffff; text-decoration: none;">SANSA LINK 1</a><br/>
<a href="http://isherarmor.dreamwidth.org/1801.html" style="color: #ffffff; text-decoration: none;">SANSA LINK 2</a><br/>
<a href="http://isherarmor.dreamwidth.org/714.html" style="color: #ffffff; text-decoration: none;">SANSA LINK 3</a>
</div>
</td>
</tr>

<tr><td style="height:50px;"></td></tr>
</table>

<!-- FINGER/SCREEN2 TOP PANEL --!>
<a name="FINGER"></a>
<table style="font-family: Helvetica, Calibri, sans-serif; font-size: 13px; font-weight: 800; text-align: center; text-transform: uppercase;">
<tr>
<td style="padding: 20px; width: 80px; background: #ececec; vertical-align: center;"><a href="#SANSA" style=" color: #353535; text-decoration: none;">SANSA</a></td>

<td style="padding: 20px; width: 80px; background: #ececec; vertical-align: middle; border-left: 5px solid transparent;"><a href="#FINGER" style="color: #A6A6A6; text-decoration: none;">FINGER</a></td>

<td style="padding: 20px; width: 80px; background: #ececec; vertical-align: middle;"><a href="#WOLF" style="color: #A6A6A6; text-decoration: none;">WOLF</a>
</td>
</tr>

<tr>
<!-- FINGER/SCREEN2 IMAGE --!>
<td colspan="3" style="background: url(http://data2.whicdn.com/images/79081796/large.jpg) #ececec; background-position: center center; height: 280px; width: 400px; padding: 0; text-align: center; vertical-align: middle; -webkit-filter: grayscale(1);">

<!-- FINGER/SCREEN2 TITLE --!>
<div style="height: 40px; width: 400px; position: relative; top: 50px;">
<span style="font-size: 2.0em; color: #ffffff;">FINGER/SCREEN2 TITLE</span>
</div>

<!-- FINGER/SCREEN2 LINKSET --!>
<div style="background: #000000; background-position: center center; width: 400px; position: relative; top: 68px; opacity: 0.5; padding: 14px 14px; text-align: right; font-size: 0.8em;">
<a href="http://isherarmor.dreamwidth.org/3559.html" style="color: #ffffff; text-decoration: none;">FINGER LINK 1</a><br/>
<a href="http://isherarmor.dreamwidth.org/1801.html" style="color: #ffffff; text-decoration: none;">FINGER LINK 2</a><br/>
<a href="http://isherarmor.dreamwidth.org/714.html" style="color: #ffffff; text-decoration: none;">FINGER LINK 3</a>
</div>
</td>
</tr>

<tr><td style="height:50px;"></td></tr>
</table>

<!-- WOLF/SCREEN3 TOP PANEL --!>
<a name="WOLF"></a>
<table style="font-family: Helvetica, Calibri, sans-serif; font-size: 13px; font-weight: 800; text-align: center; text-transform: uppercase;">
<tr>
<td style="padding: 20px; width: 80px; background: #ececec; vertical-align: center;"><a href="#SANSA" style=" color: #353535; text-decoration: none;">SANSA</a></td>

<td style="padding: 20px; width: 80px; background: #ececec; vertical-align: middle; border-left: 5px solid transparent;"><a href="#FINGER" style="color: #A6A6A6; text-decoration: none;">FINGER</a></td>

<td style="padding: 20px; width: 80px; background: #ececec; vertical-align: middle;"><a href="#WOLF" style="color: #A6A6A6; text-decoration: none;">WOLF</a>
</td>
</tr>

<tr>
<!-- WOLF/SCREEN3 IMAGE --!>
<td colspan="3" style="background: url(http://data1.whicdn.com/images/39252623/tumblr_mbehyrRBZn1qfnok0o1_500_large.jpg) #ececec; background-position: center center; height: 280px; width: 400px; padding: 0; text-align: center; vertical-align: middle; -webkit-filter: grayscale(1);">

<!-- WOLF/SCREEN3 TITLE --!>
<div style="height: 40px; width: 400px; position: relative; top: 50px;">
<span style="font-size: 2.0em; color: #ffffff;">WOLF/SCREEN3 TITLE</span>
</div>

<!-- WOLF/SCREEN3 LINKSET --!>
<div style="background: #000000; background-position: center center; width: 400px; position: relative; top: 68px; opacity: 0.5; padding: 14px 14px; text-align: right; font-size: 0.8em;">
<a href="http://isherarmor.dreamwidth.org/3559.html" style="color: #ffffff; text-decoration: none;">WOLF LINK 1</a><br/>
<a href="http://isherarmor.dreamwidth.org/1801.html" style="color: #ffffff; text-decoration: none;">WOLF LINK 2</a><br/>
<a href="http://isherarmor.dreamwidth.org/714.html" style="color: #ffffff; text-decoration: none;">WOLF LINK 3</a>
</div>
</td>
</tr>

<tr><td style="height:50px;"></td></tr>
</table>
</div>

sansa table

Post a comment in response: