By mrVazil on

Hi all,

I only recently started using drupal, but I already love it's possibilities. Although it looked a bit overwhelming at first, I finally found how to theme it.

There is however a small problem with the mini-view from the calendar module. Although I put every css-property I could find on border:none, it still displays a grey border beneath each table (being the header and the actual calendar), and I come to find that quite anoying. Does anyone know where that line comes from and how I can hide it?

thnx!
mrVazil

⋅ Categories: Drupal 5.x

Comments

jpsalter’s picture

jpsalter commented

Try this:

tbody {
border: none;
}

pbarnett’s picture

pbarnett commented

It would be well worth your while to get Firebug from https://addons.mozilla.org/en-US/firefox/addon/1843

It's absolutely invaluable for tracking down CSS issues.

Pete.

mrVazil’s picture

mrVazil commented

I already have firebug installed, it is indeed invaluable :-)

But I browsed the entire properties of my document, and can't find anywhere a border or a background value that's not being overriden by my own stylesheet, and yet I still get that annoying grey line. I also tried styling the tbody tag in several ways, but the grey line stays

pbarnett’s picture

pbarnett commented

Looking at my calendar.css file in the module folder, there aren't that many places where a border is defined; specifically (this is the 4.7 version, but I don't think it's likely to have changed a deal); they are :-

.calendar-calendar table
.calendar-calendar td
.calendar-calendar td.days
.calendar-calendar div.day
.calendar-calendar div.calendar

I'd backup calendar.css, and then change these border definitions to, like, red in .calendar-calendar table, yellow in .calendar-calendar td, and so on.

That should nail the damned thing!

Pete.