Logged Out
Create an Account
Login:
Password:

Forgot your password?
CSS Styling Issues with the Calendar - Chops this will require work yourside.

CSS Styling Issues with the Calendar - Chops this will require work yourside.
[Back to Index]
Thread Tags
Primary: [Advanced Layout]
Secondary: None

Hi,

chops I am working on a new look for our guild site and have found a curious multiple naming convention within the calendar. I'll post the code below;

<div name=calendiv width=167>
<table border=0 align=center class=Menu cellpadding=1 cellspacing=0>
<tr class=calheader>
<td><a class=calheader href='javascript:loadcal(11,2007)'><<</a></td>
<td colspan=5 align=center ec 2007 <a href='bigcalendar.php?month=12&year=2007'><img src='bigger.gif' border=0/></a></td>
<td align=right><a class=calheader href='javascript:loadcal(1,2008)'>>></a></td>
</tr>
<tr class=calheader align=center>
<td class=calday>S</td>
<td class=calday>M</td>
<td class=calday>T</td>
<td class=calday>W</td>
<td class=calday>R</td>
<Td class=calday>F</td>
<td class=calday>S</td>
</tr>

I've put into bold the multiple elements all sharing the same name. The problem this has made for me is that is I want to set a maximum width for the header of the calendar, eg the month and forward and back arrows, I also set this as the width of the day of the week, both forward and back arrows individually. I hope you see my problem here, I set a width of say 200px for the entire menu header I am actually setting a width of 400px for the top line. Is there a chance you can set different names for these individual elements and paste the changes here.

Kind Regards,

Tay


--
To know the universe is to be wise
To know yourself is to be enlightend
I agree that it's a bit strange, but you should be able to do something like the following to accomplish what you want with the current code:

tr.calheader {
width: 200px;
}
Honestly, it does seem strange that I would give the <tr> and the <a> the same class names.

But yes, like Nevir said, you can make them more explicit by mentioning the tag type in the definitions.

So:

tr.calheader {} /* to define the row properties */
a.calheader {} /* to define the properties of the link */
tr.calheader td {} /* to define the properties of the cells of the row */


--
It's all in the reflexes.
I know I can do that.

The point was to highlight that in this case there seems to be something amiss and like Chops said it is out of the ordinary.

Thanks for the replies.


--
To know the universe is to be wise
To know yourself is to be enlightend


[Back to Index]