PDA

View Full Version : Help with align



php_dan
Feb 29th, 2008, 12:27 AM
Can someone help figure out why my white link "29th" day is pushed to the right and not in the center.

Thanks,
New to css




/* CSS Mini Calendar */
/* Start Calendar */


td.cal_days {
background-color : #006699;
color : #fff;
border : 1px solid #000;
text-align : center;
width : 42px;
height : 10px;
}
td.current_day {
text-align : center;
border : 1px solid #000000;
background-color : #ffffcc;
width : 42px;
}
td.day_numbers {
text-align : center;
color : #000;
background-color : #F9F7E3;
border : 1px solid #000;
width : 42px;
height : 42px;
}
td.no_day {
background-color : #eeeeee;
width : 42px;
height : 42px;
border : 1px solid #ddd;
}
#ul-calendar {
text-align : center;
margin : 0;
padding : 0;
color : navy;
list-style-type : none;
clear : both;


}
#ul-calendar li.top {
border-bottom : none;
text-align:center;
}
* html #ul-calendar li a {
background-color : #ff6600;
display : block;
text-align:center;


}
#ul-calendar li a {
background-color : #ff6600;
display : block;


}
#ul-calendar a:link, #ul-calendar a:visited, #ul-calendar a:active {
color : #fff;
text-decoration : none;
text-align:center;
line-height :42px;
list-style-position:inside;

}
#ul-calendar a:hover {
background-color : #ccd9e9 !important;
color : navy;
text-decoration :none;

}
.clear {
clear : both;
margin-top : -1px;
height : 1px;
overflow : hidden;
}



.event_title {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 14px;
color : #bb0000;
font-weight : bold;
line-height : 14px;
padding-top : 5px;
}
.event_date {
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
padding-top : 10px;
}
.event_details {
padding-top : 3px;
padding-bottom : 10px;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
color : black;
line-height : 14px;
}
.event_contact {
padding-top : 3px;
padding-bottom : 10px;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
color : black;
line-height : 14px;
border-bottom : 1px dashed #999999;
}
.event_footer {
border-bottom : 1px dashed #999999;
}






/* End Calendar */


<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td align="center" valign="middle" width="100%">
<table border="0" align="left" cellspacing="1" bgcolor="#FFFFFF" cellpadding="0" width="100%">
<tr>
<td align="center" valign="middle" colspan="7" height="20" class="cal_header_text">
Calendar of Events
</td>
</tr>
<tr>
<td align="center" class="cal_days">S</td><td class="cal_days">M</td><td class="cal_days">T</td><td class="cal_days">W</td><td class="cal_days">T</td><td class="cal_days">F</td>
<td class="cal_days">S</td>
</tr>
<tr>

<td align="center" valign="middle" class="no_day">&nbsp;</td>
<td align="center" valign="middle" class="no_day">&nbsp;</td>
<td align="center" valign="middle" class="no_day">&nbsp;</td>
<td align="center" valign="middle" class="no_day">&nbsp;</td>
<td align="center" valign="middle" class="no_day">&nbsp;</td>
<td valign="middle" class="day_numbers">1</td>

<td valign="middle" class="day_numbers">2</td>

</tr><tr><td valign="middle" class="day_numbers">3</td>

<td valign="middle" class="day_numbers">4</td>

<td valign="middle" class="day_numbers">5</td>

<td valign="middle" class="day_numbers">6</td>

<td valign="middle" class="day_numbers">7</td>

<td valign="middle" class="day_numbers">8</td>

<td valign="middle" class="day_numbers">9</td>

</tr><tr><td valign="middle" class="day_numbers">10</td>

<td valign="middle" class="day_numbers">11</td>

<td valign="middle" class="day_numbers">12</td>

<td valign="middle" class="day_numbers">13</td>

<td valign="middle" class="day_numbers">14</td>

<td valign="middle" class="day_numbers">15</td>

<td valign="middle" class="day_numbers">16</td>

</tr><tr><td valign="middle" class="day_numbers">17</td>

<td valign="middle" class="day_numbers">18</td>

<td valign="middle" class="day_numbers">19</td>

<td valign="middle" class="day_numbers">20</td>

<td valign="middle" class="day_numbers">21</td>

<td valign="middle" class="day_numbers">22</td>

<td valign="middle" class="day_numbers">23</td>

</tr><tr><td valign="middle" class="day_numbers">24</td>

<td valign="middle" class="day_numbers">25</td>

<td valign="middle" class="day_numbers">26</td>

<td valign="middle" class="day_numbers">27</td>

<td valign="middle" class="current_day">28</td>
<td valign="middle" class="day_numbers"><ul id="ul-calendar"><li class="top"><a href="http://67.76.237.102/index.php?page_view=view_event&amp;selected_day=selected_day_view&amp;eventdate=2008-02-29" >29</a></li></ul></td>

<td class="no_day">&nbsp;</td></tr></table>

</td>
</tr>
</table>
</td></tr></table>

jcdevelopment
Feb 29th, 2008, 03:57 AM
try removing the display:block and see what happens!!