Hey all,

 

I know that you can hide empty cells in a table with the empty-cells property, however after what I've read here, it doesn't work with Firefox 2 and 3 ( and I'm using FF3 ). I applied it but it didn't work.

 

So, is there another way to do that ? That'd be great.

 

( Check attachement to see what it looks like )

 

Revs.

Snapshot_2008_12_07_16_09_46.tiff

could you post the html and any css please

Okay, this should be the HTML, I got it from the sourcecode ( it's a wordpress blog.. ) :

 

<table id="wp-calendar" summary="Kalender">
<caption>Dezember 2008</caption>
<thead>

<tr>
	<th abbr="Montag" scope="col" title="Montag">M</th>
	<th abbr="Dienstag" scope="col" title="Dienstag">D</th>
	<th abbr="Mittwoch" scope="col" title="Mittwoch">M</th>
	<th abbr="Donnerstag" scope="col" title="Donnerstag">D</th>
	<th abbr="Freitag" scope="col" title="Freitag">F</th>

	<th abbr="Samstag" scope="col" title="Samstag">S</th>
	<th abbr="Sonntag" scope="col" title="Sonntag">S</th>
</tr>
</thead>

<tfoot>
<tr>
	<td colspan="3" id="prev" class="pad"> </td>

	<td class="pad"> </td>
	<td colspan="3" id="next" class="pad"> </td>
</tr>
</tfoot>

<tbody>
<tr><td>1</td><td><a href="http://localhost/manoelmanach.com/4.8/blog/2008/12/02/" title="Willkommen !, Neues Happy Hardcore Lied">2</a></td><td>3</td><td>4</td><td>5</td><td>6</td><td id="today">7</td>

</tr>
<tr>
	<td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td>
</tr>
<tr>

	<td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td>
</tr>
<tr>
	<td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td>

</tr>
<tr>
	<td>29</td><td>30</td><td>31</td>
	<td class="pad" colspan="4"> </td>
</tr>
</tbody>
</table>

 

And the CSS ( modified by me ) :

 

#wp-calendar {
empty-cells: hide;
width: 199px;
border-collapse: collapse;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 5px;
text-align: center;
border: 1px solid #0090FF;
}

#wp-calendar td:hover {
padding: 5px;
text-align: center;
border: 1px solid #0090FF;
background-color: #001F2F;
}

#wp-calendar a {
color: orange;
font-weight: bold;
text-decoration: none;
}

#wp-calendar caption {
font: bold 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
border: 1px solid #0090FF;
padding: 4px;
margin-left: -1px;
background-color: #001F3F;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
border: 1px solid #0090FF;
text-align: center;
padding: 5px;
background-color: #001F3F;
}

you would need to replace the source code ( of the calender ) so it produces something like this

 

<table id="wp-calendar" summary="Kalender">
<caption>Dezember 2008</caption>
<thead>

<tr>
	<th abbr="Montag" scope="col" title="Montag">M</th>
	<th abbr="Dienstag" scope="col" title="Dienstag">D</th>
	<th abbr="Mittwoch" scope="col" title="Mittwoch">M</th>
	<th abbr="Donnerstag" scope="col" title="Donnerstag">D</th>
	<th abbr="Freitag" scope="col" title="Freitag">F</th>

	<th abbr="Samstag" scope="col" title="Samstag">S</th>
	<th abbr="Sonntag" scope="col" title="Sonntag">S</th>
</tr>
</thead>

<tfoot>
</tfoot>

<tbody>
<tr><td>1</td><td><a href="http://localhost/manoelmanach.com/4.8/blog/2008/12/02/" title="Willkommen !, Neues Happy Hardcore Lied">2</a></td><td>3</td><td>4</td><td>5</td><td>6</td><td id="today">7</td>
</tr>
<tr>
	<td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td>
</tr>
<tr>

	<td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td>
</tr>
<tr>
	<td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td>
</tr>
<tr>
	<td>29</td><td>30</td><td>31</td>
	<td class="pad" colspan="4"> </td>
</tr>
</tbody>
</table>

 

obviously I dont know what the code looks like before parsing has occurred

Hmmm yeh I understand what you mean. The problem is I don't even know where it's located and it's all PHP .. ( it's in a wordpress blog ).

 

Well nevermind, I'll just leave it like that for now.