Creating Tables using CSS

Figuring Out Creating a Table Using CSS

There be work in progress in me castle right now, figuring out a new way forward by creating tables using CSS.

Discovering a suitable way that works for us as we continue to do what we do with whatever online space we’ve got available at any given time. Right now in me head, i’m trying to sort out the bits and bobs of whatever re CSS and just maybe teach meself a little something new along the way?

cyphreincFor the now, that there something new is creating tables using css on Devildogs, whilst at the same time an acorn of an idea is growing with regards to completely redesigning Cyphreinc?

Though to be honest, a new design for Cyphreinc is most likely, possibly or could be a long term aim, goal, objective or brand new thought process for a future todo list.

DevildogsMuch more importantly for tha now, the ultimate goal is hopefully understanding new ways of doing whatever in me head?

Pushing that there self learning penny slowly an ‘ickle bit further up that imaginary hill.

Firstly for Devildogs going with the flow slowly but surely up that curve sorting out the whatevers for creating tables using css as always just because

No Stress & No Worries for tha now we’re #growingwiththeflow.

 

 

For the now here’s a snippet of an existing html table which we’ll be using in order to move forward with the aim of creating a table using css. Hopefully in the long term once we’ve sorta got our heads round the principle of the thought process we can decide which works best wherever and will we even use it at all on any future projects?

Wars of The Roses

Squads Directions Squads Directions
Lancashire Old Trafford Yorkshire Headingley

Some say that creating a css based table reduces the amount of code required and subsequently speeds up whatever? To be honest that’s so not my main aim for the now. Just working through and testing out a new idea is good enough. The fact that we may continue as we are is a decision for later on, once we’ve figured out and taught ourselves something new.

For the record, below is the code that was used for the above table.

<table border="0" width="95%" cellspacing="0" cellpadding="0" align="center">

<tbody>

<tr>
<td align="left" valign="middle" height="20"></td>
<td align="left" valign="middle" height="20"><strong><em>Squads</em></strong></td>
<td align="left" valign="middle"><strong><em>Directions</em></strong></td>
<td></td>
<td align="left" valign="middle" width="20%" height="20"><strong><em>Squads</em></strong></td>
<td align="left" valign="middle" width="18%"><strong><em>Directions</em></strong></td>
</tr>

<tr>

<td align="left" valign="middle" width="11%" height="60">
<a title="Lancashire County Cricket Cricket" href="http://www.lccc.co.uk/lccc/" target="_blank"><img title="Lancashire County Cricket Club" src="http://devildogs.co.uk/wp-content/uploads/2010/08/Lancashire-150x150.jpg" alt="" width="45" height="45" /></a></td>

<td align="left" valign="middle" width="17%" height="60"><a title="Lancashire Squad" href="http://www.lccc.co.uk/lccc/player-list/" target="_blank">Lancashire</a></td>

<td align="left" valign="middle" width="24%" height="60"><a title="Directions to Old Trafford" href="http://www.lccc.co.uk/lccc/find-us/" target="_blank">Old Trafford</a></td>

<td width="10%" height="60"><a title="Yorkshire County Cricket Club" href="http://www.yorkshireccc.com/" target="_blank"><img title="Yorkshire County Cricket Club" src="http://devildogs.co.uk/wp-content/uploads/2010/08/Yorkshire-150x150.jpg" alt="" width="45" height="45" /></a></td>

<td width="20%" height="60"><a title="Yorkshire 1st Eleven Players" href="http://yorkshireccc.com/teams/category/first-xi-capped" target="_blank">Yorkshire</a></td>

<td width="18%" height="60"><a title="Directions to Headingley" href="http://yorkshireccc.com/the-club" target="_blank">Headingley</a></td>

</tr>

</tbody>

</table>

Billy Rown (The Undercover Hippy) – Borders

Below is the original html counties table that we created for Devildogs

The Counties

Squads Directions Squads Directions
Derbyshire The County Ground Middlesex Lords
Durham Riverside Ground Northamptonshire Wantage Road
Essex Chelmsford Nottinghamshire Trent Bridge
Glamorgan Sophia Gardens Somerset St. James Street
Gloucestershire Bristol Surrey The Oval
Hampshire Rose Bowl Sussex Hove
Kent St. Lawrence Ground Warwickshire Edgbaston
Lancashire Old Trafford Worcestershire New Road
Leicestershire Grace Road Yorkshire Headingley

guerrillapodcastsSo for tha now my dear friend, t’is a work in progress few days figuring out the ifs and buts that go with creating tables using css. We’ll eventually drop by later(ish), when we’ve got our heads round the whys and wherefores.

Whenever that may be?

blackeyedadminMost likely the changes’ll appear first on www.devildogs.co.uk and sometime in tha future on Black Eyed Admin, so that we can keep track off what we’ve been doing and maybe make sense of why?

Should thy be interested in figuring out whatever for thyself, do check out www.w3schools.com to get thy head round the in’s and outs of whatever. Best of all t’is free, apart from thy time and that ain’t a bad thing in our book.

Maybe you’ll get a nudge in another direction searching for known unknowns!

Who’d a thought you could do that?

Never Give Up Doin’ What You Do … For Sure Your Always Learning Something New

Travel Safe

~ Inabit ~