Location of Date in the Calendar

Mar 10, 2006 12:14

How can one get the empty .day-date Div (green dot on picture) to position itself in the Top Left corner all the time and not only when a particular day has an entry (red dot on picture). I hope it can be done with just adding some CSS as I do not have a paid account. ( Picture under the LJ-Cut )

Leave a comment

Comments 4

poulpette March 10 2006, 15:03:41 UTC
I'm not seeing anything remotely like this in your calendar view
but this might work. (try writing all the styling concerning one particular class/selector/whatever together, not in many separate parts, that's clearer to code and to check for errors)

.day-date {
border: 3px inset #6D14A6;
-moz-border-radius:70px;
padding:1px;
vertical-align:top;
margin:0 auto auto 0; /* keep the day-date in the top right corner*/
}

Reply

dragonelf_2002 March 10 2006, 19:40:41 UTC
I did just like you said I should do and it still appeared just like on the picture. But then I got a really bright idea, I created a new profile and guess what appeared correctly if not my calendar view. That made me suspect it was a extension that played havok with my design. I started by disabling Greasemonkey and that fixed it and that made me suspect the userscripts so I disabled the userscript one by one untill I found the culprit. The userscript that played havok with my calender view was DumbQuotes, anyway that script has now been disabled. After that I decided to test to switch back to my old CSS and my Calendar View still behaved properly.

I will go clean up my CSS later. THANK you for pointing my brain in the correct direction. Once again You are wonderful.

Reply

poulpette March 11 2006, 01:03:30 UTC
Good! and well I did nothing in particular, you did all this on yourself :D but thanks ;)

Reply

dragonelf_2002 March 11 2006, 10:40:10 UTC
Yes, you did. You made my brain think in new directions about this problem.

Reply


Leave a comment

Up