VoyForums: New HTML Triple

[ Login ] [ Contact Forum Admin ] [ Post a new message ] [ Search | Check update time ]

New HTML: Triple

Please view bottom-of-page for HTML code: ↓↓↓↓↓

-----------------------
additionally, here's an example of New HTML Quad.
and here's another example.

After a few rearrangements, the material begins to look different.
The numbers are now placed beforehand; and it's no longer inside the link.
Small fonts are now being used for the numbers, in order to easily distinguish them: voy/236990/.
Although, it's incomplete. More changes might be necessary.
Perhaps, the entire four rows should be stretched to 100%?
-----------------------

Home base

There are no messages in the main index.

Post a message:
This forum requires an account to post.
[ Create Account ]
[ Login ]

HTML Code:
<table border="0" name="" width="100%" cellpadding="5" cellspacing="0"> <tr align="" valign=""> <td colspan="1" rowspan="1" width="33%" align="" valign="top"><div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center> News and Headlines </center> <div style="background-color:#D1DBFF; padding:10px; color:#423D4C; font-size:14px; text-align:justify; "> <center> <div> <a href="http://www.url-here/">Title1</a> | <a href="http://www.url-here/">Title2</a> | <a href="http://www.url-here/">Title3</a> | <a href="http://www.url-here/">Title4</a> | <a href="http://www.url-here/">Title5</a> </div> <div> <a href="http://www.url-here/">Title6</a> | <a href="http://www.url-here/">Title7</a> | <a href="http://www.url-here/">Title8</a> | <a href="http://www.url-here/">Title9</a> | <a href="http://www.url-here/">Title10</a> | <a href="http://www.url-here/">Title11</a> </div> <div> <a href="http://www.url-here/">Title12</a> | <a href="http://www.url-here/">Title13</a> | <a href="http://www.url-here/">Title14</a> | <a href="http://www.url-here/">Title15</a> | <a href="http://www.url-here/">Title16</a> </div> <div> <a href="http://www.url-here/">Title17</a> | <a href="http://www.url-here/">Title18</a> | <a href="http://www.url-here/">Title19</a> | <a href="http://www.url-here/">Title20</a> | <a href="http://www.url-here/">Title21</a> | <a href="http://www.url-here/">Title22</a> </div> </center> </div> </div><br> </td><td colspan="1" rowspan="1" width="34%" align="" valign="top"><div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center> Entertainment </center> <div style="background-color:#D1DBFF; padding:10px; color:#423D4C; font-size:14px; text-align:justify; "> <center> <div> <a href="http://www.url-here/">Title1</a> | <a href="http://www.url-here/">Title2</a> | <a href="http://www.url-here/">Title3</a> | <a href="http://www.url-here/">Title4</a> | <a href="http://www.url-here/">Title5</a> </div> <div> <a href="http://www.url-here/">Title6</a> | <a href="http://www.url-here/">Title7</a> | <a href="http://www.url-here/">Title8</a> | <a href="http://www.url-here/">Title9</a> | <a href="http://www.url-here/">Title10</a> | <a href="http://www.url-here/">Title11</a> </div> <div> <a href="http://www.url-here/">Title12</a> | <a href="http://www.url-here/">Title13</a> | <a href="http://www.url-here/">Title14</a> | <a href="http://www.url-here/">Title15</a> | <a href="http://www.url-here/">Title16</a> </div> <div> <a href="http://www.url-here/">Title17</a> | <a href="http://www.url-here/">Title18</a> | <a href="http://www.url-here/">Title19</a> | <a href="http://www.url-here/">Title20</a> | <a href="http://www.url-here/">Title21</a> | <a href="http://www.url-here/">Title22</a> </div> </center> </div> </div><br> </td><td colspan="1" rowspan="1" width="33%" align="" valign="top"><div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center> Art and Leisure </center> <div style="background-color:#D1DBFF; padding:10px; color:#423D4C; font-size:14px; text-align:justify; "> <center> <div> <a href="http://www.url-here/">Title1</a> | <a href="http://www.url-here/">Title2</a> | <a href="http://www.url-here/">Title3</a> | <a href="http://www.url-here/">Title4</a> | <a href="http://www.url-here/">Title5</a> </div> <div> <a href="http://www.url-here/">Title6</a> | <a href="http://www.url-here/">Title7</a> | <a href="http://www.url-here/">Title8</a> | <a href="http://www.url-here/">Title9</a> | <a href="http://www.url-here/">Title10</a> | <a href="http://www.url-here/">Title11</a> </div> <div> <a href="http://www.url-here/">Title12</a> | <a href="http://www.url-here/">Title13</a> | <a href="http://www.url-here/">Title14</a> | <a href="http://www.url-here/">Title15</a> | <a href="http://www.url-here/">Title16</a> </div> <div> <a href="http://www.url-here/">Title17</a> | <a href="http://www.url-here/">Title18</a> | <a href="http://www.url-here/">Title19</a> | <a href="http://www.url-here/">Title20</a> | <a href="http://www.url-here/">Title21</a> | <a href="http://www.url-here/">Title22</a> </div> </center> </div> </div><br> </td> </tr> </table> </div> </div>

If these were stacked upon each other,
it would look something like this: Voy/234556/.
(note: I could have chosen different colors for all 6 Boxes.)
But, these are identical pairs without fancy enhancements....

here's a shortened version of New HTML Triple:

Stuff here (1)

Stuff here (2)

Stuff here (3)

<table border="0" name="" width="100%" cellpadding="5" cellspacing="0"> <tr align="" valign=""> <td colspan="1" rowspan="1" width="33%" align="" valign="top"><div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center></center> <div style="background-color:#D1DBFF; padding:10px; color:#423D4C; font-size:14px; text-align:justify; "> <center> Stuff here (1) </center> </div> </div><br> </td><td colspan="1" rowspan="1" width="34%" align="" valign="top"><div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center> </center> <div style="background-color:#D1DBFF; padding:10px; color:#423D4C; font-size:14px; text-align:justify; "> <center> Stuff here (2) </center> </div> </div><br> </td><td colspan="1" rowspan="1" width="33%" align="" valign="top"><div style="background-color:#B2B7F2; padding:10px; color:#7777777; font-size:12px; text-align:justify; "> <center></center> <div style="background-color:#D1DBFF; padding:10px; color:#423D4C; font-size:14px; text-align:justify; "> <center> Stuff here (3) </center> </div> </div><br> </td> </tr> </table> </div> </div>

T.E. Shannon/MRM rebuild

[ Contact Forum Admin ]

Forum timezone: GMT-8
VF Version: 3.00b, ConfDB:
Before posting please read our privacy policy.
VoyForums^(tm) is a Free Service from Voyager Info-Systems.
Copyright © 1998-2019 Voyager Info-Systems. All Rights Reserved.