Login | Register | FAQ
Anonymous

html table

+ Post a reply

7 posts Page 1 of 1


html table

by iamirish79 » Mon Apr 06, 2015 12:46 am

This may sound like a stupid noom question but i want to put a table in my html, i am trying to insert a table with the classname calendar in the events section. What i have i am not sure if its right. If it helps when i am done with it, it is supposed look like what is below. I want to know if i am on the right track
Sun Mon Tue Wed Thu Fri Sat
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1


Code: Select all
<!DOCTYPE html>
<html>

<head>

<meta charset="UTF-8" />
<title>February at the Chamberlain Civic Center</title>
<script src="modernizr-1.5.js"></script>
<link href="calendar.css" rel="stylesheet" type="text/css" />
<link href="ccc.css" rel="stylesheet" type="text/css" />

</head>

<body>

<header>
<img src="ccc.jpg" alt="The Chamberlain Civic Center" />
</header>

<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Box Office</a></li>
<li><a href="#">Facilities</a></li>
<li><a href="#">Directions</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>

<section id="summary">
<h1>Coming in February</h1>

<div>
<p>February will be another banner month at the Chamberlain Civic
Center with a two day performance of the Tony Award winning
musical, <i>West Side Story</i> by the Broadway Touring Company.
Tickets are going fast, so order yours today.
</p>

<p>Celebrate Valentine's Day with the Chamberlain Symphony and
their special selection of classical music for lovers. The next
day, exercise your mind by attending the Charles Dickens classic,
<i>The Mystery of Edwin Drood</i>.
</p>

<p>Jazz lovers have a lot to celebrate in February with a visit
from the <i>Jazz Masters</i> on February 10th, and then on February
21st, enjoy the music of The Duke with an <i>Ellington Tribute</i>
performed by the Jazz Company of Kansas City.
</p>

<p>Pins, bottles, plates, and chairs are flying at the Chamberlain
Civic Center in February. The <i>Taiwan Acrobats</i> return with
another amazing performance. Then, on February 25th, the <i>Madtown
Jugglers</i> get into the act with their unique blend of comedy,
juggling, and madness.
</p>

<p>Enjoy a classical brunch every Sunday in February with music
provided by the <i>Carson Quartet</i>. Seating is limited, so please order
your table in advance.
</p>
</div>

</section>


<section id="events">
<table class="calendar">
<caption>Events in February at the CCC</caption>


</section>

<footer>

</footer>

</body>

</html>
User avatar

iamirish79

  • Posts: 1
  • Joined: Mon Apr 06, 2015 12:42 am

Re: html table

by Chikwado » Mon Apr 06, 2015 7:06 am

You need to learn hard on html.
User avatar

Chikwado

  • Posts: 85
  • Joined: Mon Jul 29, 2013 11:36 pm

Re: html table

by XainPro » Wed Apr 15, 2015 5:25 pm

try this and yeah inline css is not good replace it with proper class and ids in your external / internal css

Code: Select all
<table bgcolor="#ffdab9" width="80%" border="1" cellspacing="0" cellpadding="5" bordercolor="#ff0000">
<tr><td bgcolor="#fafad2" align="center">
<b>Monday</b></td>
<td bgcolor="#fafad2" align="center">
<b>Tuesday</b></td>
<td bgcolor="#fafad2" align="center">
<b>Wednesday</b></td>
<td bgcolor="#fafad2" align="center">
<b>Thursday</b></td>
<td bgcolor="#fafad2" align="center">
<b>Friday</b></td>
<td bgcolor="#fafad2" align="center">
<b>Saturday</b></td>
<td bgcolor="#fafad2" align="center">
<b>Sunday</b></td>
</tr><tr>
<td width="75" height="60">
<b>1</b></td>
<td width="75" height="60">
<b>2</b></td>
<td width="75" height="60">
<b>3</b></td>
<td width="75" height="60">
<b>4</b></td>
<td width="75" height="60">
<b>5</b></td>
<td width="75" height="60">
<b>6</b></td>
<td width="75" height="60">
<b>7</b></td>
</tr><tr>
<td width="75" height="60">
<b>8</b></td>
<td width="75" height="60">
<b>9</b></td>
<td width="75" height="60">
<b>10</b></td>
<td width="75" height="60">
<b>11</b></td>
<td width="75" height="60">
<b>12</b></td>
<td width="75" height="60">
<b>13</b></td>
<td width="75" height="60">
<b>14</b></td>
</tr><tr>
<td width="75" height="60">
<b>15</b></td>
<td width="75" height="60">
<b>16</b></td>
<td width="75" height="60">
<b>17</b></td>
<td width="75" height="60">
<b>18</b></td>
<td width="75" height="60">
<b>19</b></td>
<td width="75" height="60">
<b>20</b></td>
<td width="75" height="60">
<b>21</b></td>
</tr><tr>
<td width="75" height="60">
<b>22</b></td>
<td width="75" height="60">
<b>23</b></td>
<td width="75" height="60">
<b>24</b></td>
<td width="75" height="60">
<b>25</b></td>
<td width="75" height="60">
<b>26</b></td>
<td width="75" height="60">
<b>27</b></td>
<td width="75" height="60">
<b>28</b></td>
</tr><tr>
<td width="75" height="60">
<b>29</b></td>
<td width="75" height="60">
<b>30</b></td>
<td width="75" height="60">
<b>31</b></td>
<td width="75" height="60">
<img src="clear.gif" width="1" height="1"></td>
<td width="75" height="60">
<img src="clear.gif" width="1" height="1"></td>
<td width="75" height="60">
<img src="clear.gif" width="1" height="1"></td>
<td width="75" height="60">
<img src="clear.gif" width="1" height="1"></td>
</tr></table>
User avatar

XainPro

  • Posts: 3933
  • Joined: Fri Feb 17, 2012 8:10 pm

Re: html table

by Veeramanikandan » Tue Apr 28, 2015 12:40 pm

hi,html table method to used in<td><tr></tr></td> method its easily all table data and row same make it one class name used in table method,
User avatar

Veeramanikandan

  • Posts: 20
  • Joined: Mon Sep 22, 2014 4:03 pm

Re: html table

by Veeramanikandan » Tue May 05, 2015 12:54 pm

<table width="200">
<tr align="center">
<td bgcolor="#999999" style="color:#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" align="left"> <a href="description" style="color:#FFFFFF">Previous</a></td>
<td width="50%" align="right"><a href="description" style="color:#FFFFFF">Next</a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<table width="100%" border="0" cellpadding="2" cellspacing="2">
<tr align="center">
<td colspan="7" bgcolor="#999999" style="color:#FFFFFF"><strong>
</strong></td>
</tr>
<tr>
<td align="center" bgcolor="#999999" style="color:#FFFFFF"><strong>S</strong></td>
<td align="center" bgcolor="#999999" style="color:#FFFFFF"><strong>M</strong></td>
<td align="center" bgcolor="#999999" style="color:#FFFFFF"><strong>T</strong></td>
<td align="center" bgcolor="#999999" style="color:#FFFFFF"><strong>W</strong></td>
<td align="center" bgcolor="#999999" style="color:#FFFFFF"><strong>T</strong></td>
<td align="center" bgcolor="#999999" style="color:#FFFFFF"><strong>F</strong></td>
<td align="center" bgcolor="#999999" style="color:#FFFFFF"><strong>S</strong></td>
</tr>
User avatar

Veeramanikandan

  • Posts: 20
  • Joined: Mon Sep 22, 2014 4:03 pm

Re: html table

by Chikwado » Wed May 06, 2015 7:23 pm

@veeramanikadan your code is full of error that is not a style rule. I did not mean to speak in a way that would annoy any one. Althought some browser may render it well but that is not the style rule. Example of style rule are:
Code: Select all
style="color:#FFFFFF;">
not. . .
Code: Select all
style="color:#FFFFFF">
Just take a look at your example.
User avatar

Chikwado

  • Posts: 85
  • Joined: Mon Jul 29, 2013 11:36 pm

Re: html table

by surajk09 » Sat May 30, 2015 6:40 pm

please check it here http://surajhtml.blogspot.in/p/blog-page_30.html
User avatar

surajk09

  • Posts: 9
  • Joined: Sun Feb 01, 2015 6:04 pm
--
Suraj
For tech http://www.htmlrun.com


+ Post a reply

Page 1 of 1