TOPIC: changing style of events listing table

Hi there,

I\'m a complete newbie (no css or php experience) so please bear with me.

I\'d like to change my events listing table to match the style of my JEvents calendar yearly listing (otherwise there are too many style clashes on the website!) and my template. Here are a couple of questions/things I\'d like to change

1. Dtregister seems to insert an empty row in between actual content rows that makes things look clunky. How can I get rid of this extra \"blank/no content\" row?

2. From the little I can understand of the code, it seems that the whole events listing page is set up as one big table, of which the events listing table is simply a bunch of cells tacked together. What I\'d like to do is to put a 1px solid black border around the events listing table, but it seems that because the whole page (including registration message, search textbox, etc) is the table, the border would go around everything instead of just the events listing. How (i.e. where in the css/what do I have to do/add) can I specify a border that encloses the whole table?

3. I have a white background. The current styling uses white lines (vertical and horizontal) to separate the rows and columns. I\'d like to change this to black but could\'t quite see where in the .css this is done!


Basically, what I want is a very simple events listing table that has

1. Solid black border around the whole table.
2. Cells all white not gray like original template (managed to fix this, see attached jpg file!).
3. No intermediate \"empty\" rows for weird visual effects.
4. All rows and columns separated by a single, 1px wide black line.
5. No spaces between rows and columns of any kind (i.e. all cells and rows should be right next to each other separated ONLY by the black line).

How do I accomplish this? I got more or less half-way there (see attached picture) but my biggest trouble seems to be getting the black borders. Please help? What in the .css do I have to modify and how?

Sorry looks like I didn\'t attach the picture properly. Here it is again:

Hi there,

Well after a lot of fiddling and reading on the webternet I figured out how to get my borders, yay!

(It had to do with adding a border collapse line to the .message table class as follows:

.message {
width:100%;
cellpadding:5px;
cellspacing:5px;
border:0px none;
border-collapse:collapse;
}


and then simply putting the proper border around the cells as follows:

td.eventlist {
text-indent: 2px;
color: #000000;
border:1px solid black;
}

tr.categoryRow td {
color: black;
font-weight: bold;
padding: 2px;
background-image: url(\'images/evback.jpg\');
border:1px solid black;
}

)


Whew! Anyway....

Now my only problem is getting rid of that pesky \"empty\" row.

Here\'s my new picture.

If someone could tell me how to get rid of that silly \"empty\" row in between the real content rows I would appreciate it! I suspect it may be in some php file somewhere but no idea where/what controls this.

Thanks!

-Elisa.

Pic with extra no content row in between real events rows: