Styla kalender

Hur ser HTML/CSS:en ut?

mv icaaq

Just nu ser den ut såhär

			<asp:Calendar 
				id="Calendar"
				runat="server"
				CellSpacing="1" 
				BorderWidth="1"
				BorderColor=#C3C3B0
				ShowTitle="true"
				CssClass="calendar"
				DayHeaderStyle-CssClass="day-header"
				SelectedDayStyle-CssClass="day-selected"
				TodayDayStyle-CssClass="today"
				OtherMonthDayStyle-CssClass="day-empty"
				TitleStyle-BackColor=transparent
				SelectionMode="Day"
				Width=100%
			>
			<TitleStyle CssClass="titlestyle" BackColor=red></TitleStyle>
			</asp:Calendar>

och css:en

.day-empty {
	background: #F0EFEF;
}
.day-empty a {
	color:#CCCDCE;
	text-decoration:overline;
}
.day-header {
	text-transform:capitalize;
	background: #E6F2FD;
}
.day-selected {
	background: #A3CEF3;
	color: #fff;
}
.today {
	background: #A3CEF3;
	color: #fff;
}
.calendar {
	font-family:Trebuchet MS;
	font-weight:normal;
	padding:0;
	margin:0;
}
.calendar a {
	font-weight:normal;
	text-decoration:none;
}

Målet är att få den att se ut såhär ...

Ingen som har några tips?

mage skrev:

<TitleStyle CssClass="titlestyle" BackColor=red></TitleStyle>

Du har förståss testat att ändra red till något annat?

Japp :) ... fattar inte varför min background inte fyller hela titeln?

HTML-en är ju byggd från kontrollern. Bygg en ny, och ärv den gamla kontrollern. Gå sedan över (override) html-en som den skickar ut...?

Hur ser html-koden som genereras av kalendern ut? Ibland ligger stylen i tr-taggen och då måste man skriva så här i css-klassen:

tr.klass td {styles...}