CRUSADERS ATHLETIC CLUB
  • Home
  • Contact / About
    • Contact us
    • Meet the Cru >
      • Club Coaches
      • Committee
      • Members
    • Club History
    • Our facilities
    • FAQ
    • Reviews
    • Club Records
    • Policies and Procedures >
      • Code of Conduct
      • Club House Rules
      • Privacy Statement
      • Privacy Policy
      • Club Photography Guidelines and policy
      • Child Safeguarding Statement
  • News
    • Archived News
  • Join / Renew
  • Training / Book
    • Book a training session
    • TRAINING times / rules
    • About Training
    • Track and Field
    • Marathon Training
    • Fit 4 Life
    • Fit 4 3k
    • Womens' Meet and Train
  • Club Life
    • Club Shop
    • 80
    • Race payments
    • Docklands 5K >
      • Docklands 5K Gallery
      • Docklands 5K Bulk Payment
    • Clubhouse Fundraiser
    • Events
    • Social >
      • Social Events Gallery
      • Table Quiz
      • Gala Dinner 2022
    • Gallery >
      • Sessions Gallery
      • Race Photo Gallery >
        • Track Gallery
        • Cross Country Gallery
        • Road Races Gallery
      • Video Gallery
    • Phone Book
  • Juveniles

Social

<
>
Picture
Picture
Training Advice
Picture
FAQ
Picture
Reviews
Picture
Go Fund Me
Picture
Juveniles
Picture
Policies
running clubs dublin

Membership

running clubs near me

Training Times

athletics club near me

About us

running club near me

Training

running track near me

fit 4 life

running track dublin

session booking

    Crusaders AC Big Survey

    Help your club and have your say by filling out the survey below.
Submit
Picture

Gallery

Picture
Crusaders Athletic Club
Committee Notice -

Athletics Ireland have instructed all affiliates to suspend all athletic competitions and events with immediate effect. They’ve also recommended affiliated clubs cancel training sessions. The Committee and Club Coaches have heeded their advice and cancelled all regular club training sessions until further notice. We believe this is in the best interest of not only our members but the country as a whole.

As the situation is changing rapidly the Committee will continue to monitor developments and update our members as necessary.

If anyone wants to reach out to their club coaches for suggested sessions while club training is suspended please do so.
Picture
Brick Selection
Enter Name to Appear on Brick
CRUSADERS ATHLETIC CLUB’S NEW CLUB HOUSE AND INDOOR RUNNING AREA IS WELL UNDERWAY TO BEING BUILT. THE EXPECTED COMPLETION DATE IS THE END OF APRIL 2020.  WHILE SUBSTANTIAL FUNDS HAVE BEEN RAISE SO FAR IN ORDER TO ENABLE THE COMPLETION OF THE BUILDING. WE ARE HOWEVER IN NEED OF ADDITIONAL FUNDING TO COMPLETE THE FITTING OUT AND PROVIDE SOME EQUIPMENT. THIS APPEAL IS OFFERING YOU THE OPPORTUNITY TO BUY A BRICK AND IN RETURN HAVE YOUR NAME INCLUDED ON A ROLL OF HONOR TO BE DISPLAYED IN THE NEW CLUB HOUSE.  
Make a selection and Buy your Brick below.
Select the brick type you want and then type the name that you would like to appear on the brick.
Then click Add to Cart.

This will bring you to the shopping cart page, here if you require more than one brick you can enter the amount here.
If you buy more than one type of brick and require a different name on the subsequent bricks please enter this in the special instructions box or contact the club at crusadersathleticsclub@gmail.com

If you require another type of brick, for example you require a silver and a Gold then click the continue shopping button.
You will be returned to this page where you can add the second type of brick you require and a second name if required.
Then add to cart again and both types of bricks will appear in your cart. Repeat this process if a 3rd type is required.
For NEW juvenile membership please contact Moira Loscher at moiraloscher@yahoo.co.uk

Testing page to get use to site

Picture
htrghntngf

Picture
Picture
Picture
title 0
Pizza Party
Flip Cup Championship
title 2
Poker Tournament
title 3
title 6
Tuesdays training session takes place on the professional 400 meter 8 lane track at Irishtown Stadium.

The magnificent Irishtown Stadium with its modern facilities and 8 lane track is a great location for your training.

Located a stone's throw from the stadium is Sean Moore park, the nature reserve and the long beach front of Sandymount all of which provides our members with superb training options.
Crusaders also know how to have fun off the track. The club is a good way to meet other athletes and has an active social scene organising club evenings and table quizzes.

For more on our Soical nights see the Social page.

If you’re interested in Crusaders Athletics Club, let us know.
Come down, try it out and get to know us. It’s easy to join, just a few clicks away.

Check out the rest of our website. For further info. Follow us on Facebook.

Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture

Tuesday/Thursday sessions usually comprise of a group warm-up and drills.

Then the group splits into sessions depending on your level and event. The club makes the most of its idyllic location using the track, Sandymount strand, and local parkland.

Picture
Picture
Picture
Picture
Picture

Welcome
to
Social

Picture
We all love running right?
Well Social is all about running...
up a tab at the bar!


Time to forget about the time trials and races and to get out there and enjoy yourself!!!

Whether its adrenaline filled Action Adventure or plain old Fun and Frolics. We do it all with a passion. Our events are relaxed, friendly and most importantly don’t involve a Garmain.

We try to organise events every month. They range from Table Quizes to Pizza Parties and your sure to have a good and memberable time, while meeting new people and making new friends!
dancing smileys photo: Dancing Smiley b-423078-Animated_smileys.gif
Picture
Picture
Picture
Picture
Picture
Picture

Annual Events

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
View More
dancing smileys photo: Dancing Dance.gif
dancing smileys photo: Dancing thletsdances.gif
Header Cell 1 Header Cell 2 Header Cell 3
Row 1, Cell 1 Row 1, Cell 2 Row 1, Cell 3
Row 2, Cell 1 Row 2, Cell 2 Row 2, Cell 3
Row 3, Cell 1 Row 3, Cell 2 Row 3, Cell 3
Picture
Table HeaderTable Header
Table cell 1Table cell 2
Table cell 3Table cell 4
Picture
Picture
January
February

gfdhdfhdfghd

march
Picture
april
may
test 123
july
gdsfgsd
title 8
whats up
test123
wewqrqw
sdfdsfdsf
title 0
title 1
View More

Nights Out

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Picture

  • Home
  • Products
    • Product 1
    • Product 2
    • Product 3
  • About
    • Company
    • Contact
  • Contact
.accordion { margin: auto; /* You can remove this if you do not need it to align in the center of your element */ display: block; } /* This controls the text inside the div, you can play with this by adding background-color, border, etc. */ .accordion div { padding: 5px 10px; display: inline-block; overflow: auto; } /* This controls the header */ .accordion h3 { display: block; text-decoration: none; outline: none; cursor: pointer; padding: 8px 11px; font-family: Oswald, sans-serif; letter-spacing: 1px; font-weight: 700; margin: 5px; } .accordion div p { margin-top: 0; } /* This CSS controls the Font Awesome Icon, You can float: left as well and add margin-right: 5px; */ .icon-expand,.icon-collapse { float: right; margin-top: 5px; } /* USE THE BELOW CSS FOR BLUE */ .blue h3 { background: blue; /* You can change this to whatever background color you want for the header */ color: #fff; /* You can change this to whatever font color you want for the header */ } .black h3 { background: black; /* You can change this to whatever background color you want for the header */ color: #fff; /* You can change this to whatever font color you want for the header */ }
$(function() { $(".accordion").accordion({ // You can change this to auto or fill for more info view http://api.jqueryui.com/accordion/#option-heightStyle heightStyle: "content", // Set this to true if you want the active accordion to remain open collapsible: true, // Setting active to false will collapse all panels. This requires the collapsible option to be true. active: false }); //initialize accordion $(".accordion").accordion(); $(".accordion").accordion("option", "icons", { 'header': 'icon-expand', 'activeHeader': 'icon-collapse' }); });

See the background image?

First accordion

Enter Title 1

Bacon ipsum dolor sit amet jerky capicola shank ball tip venison. Prosciutto kielbasa chicken, pork loin shoulder fatback frankfurter tenderloin short loin andouille capicola filet mignon. Turducken boudin prosciutto pork, ball tip tri-tip pork belly pork loin. Frankfurter kielbasa ball tip short ribs pork belly,

Enter Title 2

Bacon ipsum dolor sit amet jerky capicola shank ball tip venison. Prosciutto kielbasa chicken, pork loin shoulder fatback frankfurter tenderloin short

  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4

Enter Title 3

Bacon ipsum dolor sit amet jerky capicola shank ball tip venison. Prosciutto kielbasa chicken, pork loin shoulder fatback frankfurter tenderloin short loin andouille capicola filet mignon. Turducken boudin prosciutto pork, ball tip tri-tip pork belly pork loin. Frankfurter kielbasa ball tip short ribs pork belly, ham hock chicken meatball brisket beef flank jerky. Cow hamburger meatloaf doner short ribs turducken ham tenderloin ground round flank jerky jowl corned beef spare ribs. T-bone salami kielbasa boudin biltong short loin hamburger beef pancetta sirloin tenderloin shank ball tip.

Enter Title 4

Enter text, images, video, etc.

Enter Title 5

Enter text, images, video, etc.

Second Accordion

Enter Title 1

Bacon ipsum dolor sit amet jerky capicola shank ball tip venison. Prosciutto kielbasa chicken, pork loin shoulder fatback frankfurter tenderloin short loin andouille capicola filet mignon. Turducken boudin prosciutto pork, ball tip tri-tip pork belly pork loin. Frankfurter kielbasa ball tip short ribs pork belly, ham hock chicken meatball brisket beef flank jerky. Cow hamburger meatloaf doner short ribs turducken ham tenderloin ground round flank jerky jowl corned beef spare ribs. T-bone salami kielbasa boudin biltong short loin hamburger beef pancetta sirloin tenderloin shank ball tip.

Enter Title 2

Bacon ipsum dolor sit amet jerky capicola shank ball tip venison. Prosciutto kielbasa chicken, pork loin shoulder fatback frankfurter tenderloin short loin andouille capicola filet mignon. Turducken boudin prosciutto pork, ball tip tri-tip pork belly pork loin. Frankfurter kielbasa ball tip short ribs pork belly, ham hock chicken meatball brisket beef flank jerky. Cow hamburger meatloaf doner short ribs turducken ham tenderloin ground round flank jerky jowl corned beef spare ribs. T-bone salami kielbasa boudin biltong short loin hamburger beef pancetta sirloin tenderloin shank ball tip.

  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4

Enter Title 3

Bacon ipsum dolor sit amet jerky capicola shank ball tip venison. Prosciutto kielbasa chicken, pork loin shoulder fatback frankfurter tenderloin short loin andouille capicola filet mignon. Turducken boudin prosciutto pork, ball tip tri-tip pork belly pork loin. Frankfurter kielbasa ball tip short ribs pork belly, ham hock chicken meatball brisket beef flank jerky. Cow hamburger meatloaf doner short ribs turducken ham tenderloin ground round flank jerky jowl corned beef spare ribs. T-bone salami kielbasa boudin biltong short loin hamburger beef pancetta sirloin tenderloin shank ball tip.

Enter Title 4

Enter text, images, video, etc.

Enter Title 5

<form action="/html/tags/html_form_tag_action.cfm" method="post">
<div>
<textarea name="comments" id="comments" style="font-family:sans-serif;font-size:1.2em;">
Hey... say something!
</textarea>
</div>
<input type="submit" value="Submit">
</form>

First accordion

Enter Title 1

Bacon ipsum dolor sit amet jerky capicola shank ball tip venison. Prosciutto kielbasa chicken, pork loin shoulder fatback frankfurter tenderloin short loin andouille capicola filet mignon. Turducken boudin prosciutto pork, ball tip tri-tip pork belly pork loin. Frankfurter kielbasa ball tip short ribs pork belly,

Enter Title 2

Bacon ipsum dolor sit amet jerky capicola shank ball tip venison. Prosciutto kielbasa chicken, pork loin shoulder fatback frankfurter tenderloin short

  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4

Enter Title 3

Bacon ipsum dolor sit amet jerky capicola shank ball tip venison. Prosciutto kielbasa chicken, pork loin shoulder fatback frankfurter tenderloin short loin andouille capicola filet mignon. Turducken boudin prosciutto pork, ball tip tri-tip pork belly pork loin. Frankfurter kielbasa ball tip short ribs pork belly, ham hock chicken meatball brisket beef flank jerky. Cow hamburger meatloaf doner short ribs turducken ham tenderloin ground round flank jerky jowl corned beef spare ribs. T-bone salami kielbasa boudin biltong short loin hamburger beef pancetta sirloin tenderloin shank ball tip.

Enter Title 4

Enter text, images, video, etc.

Enter Title 5

Enter text, images, video, etc.

Second Accordion

Enter Title 1

Bacon ipsum dolor sit amet jerky capicola shank ball tip venison. Prosciutto kielbasa chicken, pork loin shoulder fatback frankfurter tenderloin short loin andouille capicola filet mignon. Turducken boudin prosciutto pork, ball tip tri-tip pork belly pork loin. Frankfurter kielbasa ball tip short ribs pork belly, ham hock chicken meatball brisket beef flank jerky. Cow hamburger meatloaf doner short ribs turducken ham tenderloin ground round flank jerky jowl corned beef spare ribs. T-bone salami kielbasa boudin biltong short loin hamburger beef pancetta sirloin tenderloin shank ball tip.

Enter Title 2

Bacon ipsum dolor sit amet jerky capicola shank ball tip venison. Prosciutto kielbasa chicken, pork loin shoulder fatback frankfurter tenderloin short loin andouille capicola filet mignon. Turducken boudin prosciutto pork, ball tip tri-tip pork belly pork loin. Frankfurter kielbasa ball tip short ribs pork belly, ham hock chicken meatball brisket beef flank jerky. Cow hamburger meatloaf doner short ribs turducken ham tenderloin ground round flank jerky jowl corned beef spare ribs. T-bone salami kielbasa boudin biltong short loin hamburger beef pancetta sirloin tenderloin shank ball tip.

  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4

Enter Title 3

Bacon ipsum dolor sit amet jerky capicola shank ball tip venison. Prosciutto kielbasa chicken, pork loin shoulder fatback frankfurter tenderloin short loin andouille capicola filet mignon. Turducken boudin prosciutto pork, ball tip tri-tip pork belly pork loin. Frankfurter kielbasa ball tip short ribs pork belly, ham hock chicken meatball brisket beef flank jerky. Cow hamburger meatloaf doner short ribs turducken ham tenderloin ground round flank jerky jowl corned beef spare ribs. T-bone salami kielbasa boudin biltong short loin hamburger beef pancetta sirloin tenderloin shank ball tip.

Enter Title 4

Enter text, images, video, etc.

Enter Title 5

<script> window.google_analytics_uacct = "UA-269964-15" </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-269964-15', 'html.am'); ga('send', 'pageview'); </script> </head> <body> <div id="wrap"> <div id="header"> <div id="header-inner"> <div id="logo"> <h1><a href="http://www.html.am"><span>&lt;</span>HTML<span>.am&gt;</span><small></small></a></h1> </div> <div id="search-box-top"> <div id="cse-search-form" style="width: 100%;">Loading</div> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function() { var customSearchOptions = {}; var customSearchControl = new google.search.CustomSearchControl( 'partner-pub-6331358926293806:2196563862', customSearchOptions); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); var options = new google.search.DrawOptions(); options.enableSearchboxOnly("http://www.html.am/search/"); customSearchControl.draw('cse-search-form', options); }, true); </script> <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" /> <style type="text/css"> input.gsc-input { border-color: #000000; } input.gsc-search-button { border-color: #666666; background-color: #CECECE; } </style> </div> <div class="clr"></div> </div> </div> <div class="l-unit-x"> <div class="l-unit-x-inner"> </div> </div> <div id="content" class="normal-width"> <div id="content-inner"> <div id="contentbar"> <div class="article"> <h1>HTML Tables</h1> <div class="ad"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- H Leaderboard Top --> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-6331358926293806" data-ad-slot="5543989811"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <p>This page demonstrates how to create HTML tables. You can copy and paste the code into your own webpage or HTML document.</p> <p>HTML tables are created using the HTML <a href="http://www.html.am/tags/html-table-tag.cfm"><code>&lt;table&gt;</code></a> tag. You combine this tag with other tags that define each row and column within your table.</p> <h2>Basic HTML Table</h2> <p>Here's an example of a basic HTML table:</p> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="/common/js/jquery.autosize-min.js"></script> <script type="text/javascript"> <!-- $(document).ready(function() { $("table.example td.exampleCode textarea").autosize() }); function codeInPopup(textareaId,currentView) { var sCode = document.getElementById(textareaId).innerHTML; /*sCode = sCode.replace(/(\r\n|\n|\r)/gm, "<br>"); sCode = sCode.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');*/ var styleSheet = ''; if (currentView == 'Mobile') { styleSheet = '/common/css/mobile.css'; } else { styleSheet = '/common/css/quackit.css'; } sOutput = '<html><head><title>Code Example</title>'; sOutput = sOutput + '<link rel="stylesheet" href="' + styleSheet + '">'; sOutput = sOutput + '</head><body id="code-popup">'; sOutput = sOutput + '<textarea class="example-code" id="exampleCode">'; sOutput = sOutput + sCode; sOutput = sOutput + '</textarea>'; sOutput = sOutput + '<p><a href="JavaScript:window.print();">Print</a> | <a href="javascript:self.close()">Close Window</a></p><p>Code from Quackit.com</p>'; sOutput = sOutput + '</body></html>'; var codeWindow = window.open('','codeWindow','height=600,width=600'); codeWindow.document.write(sOutput); } --> </script> <table class="example" cellspacing="0" border="0"> <tr class="exampleHeader"><th>Source Code</th><th>Result</th></tr> <tr><td class="exampleCode"> <textarea cols="70" rows="3" name="bodyText" class="exampleCode" onclick="this.focus();this.select()"> &lt;table border="1"&gt; &lt;tr&gt; &lt;th&gt;Table Header&lt;/th&gt;&lt;th&gt;Table Header&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Table cell 1&lt;/td&gt;&lt;td&gt;Table cell 2&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Table cell 3&lt;/td&gt;&lt;td&gt;Table cell 4&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </textarea> </td> <td class="exampleDisplay"> <table border="1"> <tr> <th>Table Header</th><th>Table Header</th> </tr> <tr> <td>Table cell 1</td><td>Table cell 2</td> </tr> <tr> <td>Table cell 3</td><td>Table cell 4</td> </tr> </table> </td></tr> </table> <h2>Adding Styles</h2> <p>You can use Cascading Style Sheets (CSS) to style your table so that it changes the look.</p> <table class="example" cellspacing="0" border="0"> <tr class="exampleHeader"><th>Source Code</th><th>Result</th></tr> <tr><td class="exampleCode"> <textarea cols="70" rows="3" name="bodyText" class="exampleCode" onclick="this.focus();this.select()"> &lt;!-- Start Styles. Move the 'style' tags and everything between them to between the 'head' tags --&gt; &lt;style type="text/css"&gt; .myTable { width:400px;background-color:#eee;border-collapse:collapse; } .myTable th { background-color:#000;color:white;width:50%; } .myTable td, .myTable th { padding:5px;border:1px solid #000; } &lt;/style&gt; &lt;!-- End Styles --&gt; &lt;table class="myTable"&gt; &lt;tr&gt; &lt;th&gt;Table Header&lt;/th&gt;&lt;th&gt;Table Header&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Table cell 1&lt;/td&gt;&lt;td&gt;Table cell 2&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Table cell 3&lt;/td&gt;&lt;td&gt;Table cell 4&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </textarea> </td> <td class="exampleDisplay"> <!-- Start Styles. Move the 'style' tags and everything between them to between the 'head' tags --> <style type="text/css"> .myTable { width:400px;background-color:#eee;border-collapse:collapse; } .myTable th { background-color:#000;color:white;width:50%; } .myTable td, .myTable th { padding:5px;border:1px solid #000; } </style> <!-- End Styles --> <table class="myTable"> <tr> <th>Table Header</th><th>Table Header</th> </tr> <tr> <td>Table cell 1</td><td>Table cell 2</td> </tr> <tr> <td>Table cell 3</td><td>Table cell 4</td> </tr> </table> </td></tr> </table> <p>The code above uses the <a href="http://www.html.am/tags/html-table-tag.cfm"><code>&lt;table&gt;</code></a> tags to create the outer table. Then it uses the <a href="http://www.html.am/tags/html-tr-tag.cfm"><code>&lt;tr&gt;</code></a> tags to define each table row. The <a href="http://www.html.am/tags/html-th-tag.cfm"><code>&lt;th&gt;</code></a> tags define the table header cells, and the <a href="http://www.html.am/tags/html-td-tag.cfm"><code>&lt;td&gt;</code></a> tags define each table data cell.</p> <p>Note that the table header cells display the text slightly differently to the table data cells. This is because, the table headers are supposed to stand out.</p> <p>This example uses Cascading Style Sheets (CSS) to determine how the table looks. This is everything between the opening and closing <a href="http://www.html.am/tags/html-style-tag.cfm"><code>&lt;style&gt;</code></a> tags. You can actually remove this code and the table will be a normal looking HTML table. Nothing wrong with that. Of course, you can also modify the CSS code to give your HTML tables a unique look and feel.</p> <h2>Same Table, Different Style</h2> <p>Below is an example of the same HTML table, but with a different set of styles. In other words, the HTML table has been coded using the exactly the same HTML code as the one in the above example. The only difference is that it references a different stylesheet (i.e. it uses <code>class="myOtherTable"</code> instead of <code>class="myTable"</code>).</p> <p>This demonstrates how changing the CSS part of the code can have a huge impact on how the HTML table is displayed in the browser.</p> <table class="example" cellspacing="0" border="0"> <tr class="exampleHeader"><th>Source Code</th><th>Result</th></tr> <tr><td class="exampleCode"> <textarea cols="70" rows="3" name="bodyText" class="exampleCode" onclick="this.focus();this.select()"> &lt;!-- Start Styles. Move the 'style' tags and everything between them to between the 'head' tags --&gt; &lt;style type="text/css"&gt; .myOtherTable { width:400px;background-color:#FFFFE0;border-collapse:collapse;color:#000;font-size:18px; } .myOtherTable th { background-color:#BDB76B;color:white;width:50%;font-variant:small-caps; } .myOtherTable td, .myOtherTable th { padding:5px;border:0; } .myOtherTable td { font-family:Georgia, Garamond, serif; border-bottom:1px solid #BDB76B;height:180px; } &lt;/style&gt; &lt;!-- End Styles --&gt; &lt;table class="myOtherTable"&gt; &lt;tr&gt; &lt;th&gt;Table Header&lt;/th&gt;&lt;th&gt;Table Header&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Table cell 1&lt;/td&gt;&lt;td&gt;Table cell 2&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Table cell 3&lt;/td&gt;&lt;td&gt;Table cell 4&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </textarea> </td> <td class="exampleDisplay"> <!-- Start Styles. Move the 'style' tags and everything between them to between the 'head' tags --> <style type="text/css"> .myOtherTable { width:400px;background-color:#FFFFE0;border-collapse:collapse;color:#000;font-size:18px; } .myOtherTable th { background-color:#BDB76B;color:white;width:50%;font-variant:small-caps; } .myOtherTable td, .myOtherTable th { padding:5px;border:0; } .myOtherTable td { font-family:Georgia, Garamond, serif; border-bottom:1px solid #BDB76B;height:180px; } </style> <!-- End Styles --> <table class="myOtherTable"> <tr> <th>Table Header</th><th>Table Header</th> </tr> <tr> <td>Table cell 1</td><td>Table cell 2</td> </tr> <tr> <td>Table cell 3</td><td>Table cell 4</td> </tr> </table> </td></tr> </table> <p>Here's more table related stuff:</p> <ul class="sub-menu"> <li><a href="http://www.html.am/html-codes/tables/table-background-color.cfm">Table Background Color</a></li> <li><a href="http://www.html.am/html-codes/tables/table-border.cfm">Table Border</a></li> <li><a href="http://www.html.am/html-codes/tables/table-color.cfm">Table Color</a></li> <li><a href="http://www.html.am/html-codes/tables/table-text.cfm">Table Text</a></li> <li><a href="http://www.html.am/html-generators/html-table-generator.cfm">HTML Table Generator</a></li> </ul> <div class="clr"></div> <div class="ad"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- H Leaderboard,Bottom --> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-6331358926293806" data-ad-slot="2530133544"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div id="sidebar"> <nav class="widget"> <h3><span><a href="http://www.html.am/html-tutorial/">HTML Tutorial</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/templates/">HTML Templates</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-codes/">HTML Codes</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-codes/text/">Text Code</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-codes/tables/">Table Code</a></span></h3><div class="clr"></div> <ul class="sub-menu"> <li><a href="http://www.html.am/html-codes/tables/table-background-color.cfm">Table Background Color</a></li> <li><a href="http://www.html.am/html-codes/tables/table-border.cfm">Table Border</a></li> <li><a href="http://www.html.am/html-codes/tables/table-color.cfm">Table Color</a></li> <li><a href="http://www.html.am/html-codes/tables/table-text.cfm">Table Text</a></li> <li><a href="http://www.html.am/html-generators/html-table-generator.cfm">HTML Table Generator</a></li> </ul> <h3><span><a href="http://www.html.am/html-codes/links/">Link Code</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-codes/image-codes/">Image Code</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-codes/color/">Color Code</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-codes/background-code/">Background Code</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-codes/marquees/">Marquee Code</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-codes/forms/">Form Code</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-codes/textboxes/">Textbox Code</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-codes/scrollboxes/">Scrollbox Code</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-codes/character-codes/">Character Codes</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-editors/">HTML Editors</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/html-generators/">HTML Generators</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/reference/">HTML Reference</a></span></h3><div class="clr"></div> <h3><span><a href="http://www.html.am/tags/">HTML Tags</a></span></h3><div class="clr"></div> </nav> <div class="widget"> <div class="socialLinks"> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fbc377a720d8046"></script> <!-- AddThis Button END --> </div> </div> <div class="widget ad"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- H Skyscraper Left (160x600) --> <ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-6331358926293806" data-ad-slot="6749241266"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clr"></div> </div> </div> <div class="l-unit-x"> <div class="l-unit-x-inner"> </div> </div> <div id="footerblurb"> <div id="footerblurb-inner"> <div class="column"> <h2><span>About HTML.am</span></h2> <p>HTML.am was created in order to provide HTML tools, codes, tutorials, and other resources to help webmasters create and maintain their HTML documents.</p> <p>HTML.am aims primarily at beginners, but may also be useful to web professionals.</p> </div> <div class="column"> <h2><span>About the HTML Codes</span></h2> <p>The HTML codes on this website are provided free of charge, for you to use however you wish. Feel free to modify the code to suit your own needs.</p> </div> <div class="column"> <h2><span>My Related Sites</span></h2> <p>Here are some of my other sites:</p> <ul> <li><a href="http://www.quackit.com" rel="nofollow">Quackit</a></li> <li><a href="http://www.htmlcodes.ws" rel="nofollow">HTMLCodes.ws</a></li> <li><a href="http://www.free-templates.me" rel="nofollow">Free-Templates.me</a></li> <li><a href="http://www.createawebsite.cc" rel="nofollow">Createawebsite.cc</a></li> <li><a href="http://www.zappyhost.com" rel="nofollow">ZappyHost</a></li> </ul> </div> <div class="clr"></div> </div> </div> <div id="footer"> <div id="footer-inner"> <p>&copy; Copyright <a href="http://www.html.am">HTML.am</a> &#124; <a href="http://www.html.am/privacy_policy.cfm">Privacy Policy</a></p> <div class="clr"></div> <div id="mobile-toggle"> <b>Desktop</b> | <a href="?newView=Mobile" rel="nofollow">Mobile Site</a> </div> </div> </div> </div> <!-- Place this tag after the last plusone tag --> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </body> </html>
s

<HTML.am>

Loading

HTML Tables

This page demonstrates how to create HTML tables. You can copy and paste the code into your own webpage or HTML document.

HTML tables are created using the HTML <table> tag. You combine this tag with other tags that define each row and column within your table.

Basic HTML Table

Here's an example of a basic HTML table:

Source CodeResult
Table HeaderTable Header
Table cell 1Table cell 2
Table cell 3Table cell 4

Adding Styles

You can use Cascading Style Sheets (CSS) to style your table so that it changes the look.

Source CodeResult
Table HeaderTable Header
Table cell 1Table cell 2
Table cell 3Table cell 4

The code above uses the <table> tags to create the outer table. Then it uses the <tr> tags to define each table row. The <th> tags define the table header cells, and the <td> tags define each table data cell.

Note that the table header cells display the text slightly differently to the table data cells. This is because, the table headers are supposed to stand out.

This example uses Cascading Style Sheets (CSS) to determine how the table looks. This is everything between the opening and closing <style> tags. You can actually remove this code and the table will be a normal looking HTML table. Nothing wrong with that. Of course, you can also modify the CSS code to give your HTML tables a unique look and feel.

Same Table, Different Style

Below is an example of the same HTML table, but with a different set of styles. In other words, the HTML table has been coded using the exactly the same HTML code as the one in the above example. The only difference is that it references a different stylesheet (i.e. it uses class="myOtherTable" instead of class="myTable").

This demonstrates how changing the CSS part of the code can have a huge impact on how the HTML table is displayed in the browser.

Source CodeResult
Table HeaderTable Header
Table cell 1Table cell 2
Table cell 3Table cell 4

Here's more table related stuff:

  • Table Background Color
  • Table Border
  • Table Color
  • Table Text
  • HTML Table Generator
style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-6331358926293806" data-ad-slot="2530133544">

HTML Tutorial

HTML Templates

HTML Codes

Text Code

Table Code

  • Table Background Color
  • Table Border
  • Table Color
  • Table Text
  • HTML Table Generator

Link Code

Image Code

Color Code

Background Code

Marquee Code

Form Code

Textbox Code

Scrollbox Code

Character Codes

HTML Editors

HTML Generators

HTML Reference

HTML Tags

rel="nofollow">ZappyHost
Desktop | Mobile Site
Scrolling text...
Picture

Thursday, October 25th

Fancy dress compation in college

Friday, October 26th at 10pm

The Grafton Lounge Royal Hibernian Way Dawson Street Dublin 2

Saturday 27th, October

Farmaphobia

  • Find out more

Tuesday, October 30th at 10pm

Copper Face Jacks- major pissup session ... err i mean responsable light drinking ;)

November 2012

  • Wine tasting
  • Scavenger hunt
  • December 2012

  • Karaoke
  • friday 21st - 12 pubs of christmas! ... this should get interesting!
  • Friday 20th December 2013

  • 12 pubs of christmas!
  • This years 12 Pubs is going to be bigger than ever! Make sure your apart of it.

    Picture




    <!-- Start Styles. Move the 'style' tags and everything between them to between the 'head' tags -->
    <style type="text/css">
    .myTable { width:400px;background-color:#eee;border-collapse:collapse; }
    .myTable th { background-color:#000;color:white;width:50%; }
    .myTable td, .myTable th { padding:5px;border:1px solid #000; }
    </style>
    <!-- End Styles -->
    <table class="myTable">
    <tr>
    <th>Table Header</th><th>Table Header</th>
    </tr>
    <tr>
    <td>Table cell 1</td><td>Table cell 2</td>
    </tr>
    <tr>
    <td>Table cell 3</td><td>Table cell 4</td>
    </tr>
    </table>
    ul.container{ width:275px; margin:0 auto; padding:0px; } li.menu{ padding:5px 0; width:100%; } li.button a{ display:block; font-family: Arial, sans-serif,Helvetica; font-size:12px; overflow:hidden; padding:0px 0px 5px 0; position:relative; width:100%; text-transform:capitalize; } li.button a:hover{ text-decoration:none!important; } li.button a span{ right:0px; top:0px; position:absolute; color:#ccc; display:block; } .dropdown1{ display:none; padding-top:5px; width:100%; } .dropdown1 li{ border:1px solid #7E7E7E; color:#CCCCCC; margin:5px 0; padding:4px 10px; } .dropdown1 li:hover { border:1px solid #ccc; text-decoration:none; } .dropdown1 li a:hover { text-decoration:none; }
      • ADD TAB TITLE HERE▼
        • 1. ADD LINK TEXT HERE
        • 2. ADD LINK TEXT HERE
        • 3. ADD LINK TEXT HERE
        • 5. ADD LINK TEXT HERE
        • 4. ADD LINK TEXT HERE
      • ADD TAB TITLE HERE▼
        • 1. ADD LINK TEXT HERE
        • 2. ADD LINK TEXT HERE
        • 3. ADD LINK TEXT HERE
        • 5. ADD LINK TEXT HERE
        • 4. ADD LINK TEXT HERE
    Picture
    Content goes here pleaese



    Picture
    Picture
    Picture
    Picture
    Picture
    Picture
    Picture
    Picture

    Do Not Delete images below

    Picture
    Picture
    Picture
    Picture
    Picture
    Picture
    Picture
    Picture
    Picture

    Location

    Crusaders AC
    Irishtown Stadium
    Strand St
    Dublin 4

    Phone: 
    0873965718
    Preferably between
    ​2 - 4pm

    What Our Members Are Saying...

    "I joined Crusaders in 2009 and it was the best fitness decision I have ever made. The training is really well structured and the club caters for all abilities. I have made some great friendships along the way and the social events are fantastic. Highly recommend!"
    "The training sessions are very well structured, coaches are professional and the sessions cater for all levels. I have met wonderful friends at the club and the social events are great! I highly recommend Crusaders."
    "This is a fantastic welcoming running club for people of any level/ability. The facilities are amazing, the coaches expert and friendly and the atmosphere is supportive and encouraging. I’ve met the best people and improved my running significantly through joining Crusaders!"
    "I found the coaches and the members to be very friendly and welcoming. There are many different groups and levels so there is always someone to train with, no matter what level you are."
    Navigation
    Home
    News
    Training
    FAQ
    Reviews
    Store
    Fit 4 Life
    Marathon Training
    Training Tips

    Copyright © 2022 Crusaders AC. All rights reserved. Terms and Conditions  Privacy Policy
    Follow us on
    • Home
    • Contact / About
      • Contact us
      • Meet the Cru >
        • Club Coaches
        • Committee
        • Members
      • Club History
      • Our facilities
      • FAQ
      • Reviews
      • Club Records
      • Policies and Procedures >
        • Code of Conduct
        • Club House Rules
        • Privacy Statement
        • Privacy Policy
        • Club Photography Guidelines and policy
        • Child Safeguarding Statement
    • News
      • Archived News
    • Join / Renew
    • Training / Book
      • Book a training session
      • TRAINING times / rules
      • About Training
      • Track and Field
      • Marathon Training
      • Fit 4 Life
      • Fit 4 3k
      • Womens' Meet and Train
    • Club Life
      • Club Shop
      • 80
      • Race payments
      • Docklands 5K >
        • Docklands 5K Gallery
        • Docklands 5K Bulk Payment
      • Clubhouse Fundraiser
      • Events
      • Social >
        • Social Events Gallery
        • Table Quiz
        • Gala Dinner 2022
      • Gallery >
        • Sessions Gallery
        • Race Photo Gallery >
          • Track Gallery
          • Cross Country Gallery
          • Road Races Gallery
        • Video Gallery
      • Phone Book
    • Juveniles