| laluzz ( @ 2007-01-19 11:14:00 |
| Current music: | Roy Paci & Aretuska |
| Entry tags: | resources |
Icon table
Searching for icon table code I found obsessivefangrl and wonderland__ icon tables.
But I was not so satisfied to copy, paste and personalize their tables, I wanted to understand the code. So I started to search and I've found something very interesting: Lissa explains Tables, W3schools-> tables and htmlgoodies-> tables.
These websites had open my eyes about the vaste (and hard, ihihih) html world!!!
My "studies" result under the cut:
According to the table I saw before, to my taste and to my LJ "stile", I decided to make a very simple table, without border, with a little icon frame, with 5 columns, a "tilte-row" and light-brown coloured:
<table width="550" cellspacing="4" cellpadding="4" align="center">
<tr height="20" bgcolor="#C8A280">
<td colspan=5><center><b><font face="tahoma" size="1" color="#524036">ICONS:</b></center></td>
</tr>
<tr height="20" bgcolor="#D7B99B">
<td><center><font face="tahoma" size="1" color="#7B5F4F">01.</center></td>
<td><center><font face="tahoma" size="1" color="#7B5F4F">02.</center></td>
<td><center><font face="tahoma" size="1" color="#7B5F4F">03.</center></td>
<td><center><font face="tahoma" size="1" color="#7B5F4F">04.</center></td>
<td><center><font face="tahoma" size="1" color="#7B5F4F">05.</center></td>
</tr>
<tr bgcolor="#F0E9E1">
<td><center><img alt=""src="http:// link01"/></center></td>
<td><center><img alt=""src="http:// link02"/></center></td>
<td><center><img alt=""src="http:// link03"/></center></td>
<td><center><img alt=""src="http:// link04"/></center></td>
<td><center><img alt=""src="http:// link05"/></center></td>
</tr>
</table>
Example
P.S. "Studing" obsessivefangrl and wonderland__ icon tables, I notice something that I'd not found in the other links: to give colour to the border the code is: <TABLE BORDER="3" BORDERCOLOR="crimson"> , than you could personalize the colour according to your taste.