Height issues in Normal mode

Ryan Joachim · 10-30-2009, 10:57 AM

http://www.mcminnvillejaycees.com/upcoming.php

As you can see, I have the calendar where I want it, and at the width I want it. However, nothing I do to increase the height works.

I've increased the height in 3 places:

.rowsTOC
.s20TOC
.s20TOC0

Am I missing something? Also, is the path "calendar/calendar.php" right if the folder "calendar" is in my root folder?

**Brian** · 10-30-2009, 11:10 AM

Again, you're editing the TOC mode CSS and not the normal mode (which is what you have on your page).

See, they end with TOC. You want to edit the ones without TOC in them.

ve9gra · 10-30-2009, 11:15 AM

See the two links posted here.

Ryan Joachim · 10-30-2009, 01:28 PM

Quote:

Originally Posted by Brian

Again, you're editing the TOC mode CSS and not the normal mode (which is what you have on your page).

See, they end with TOC. You want to edit the ones without TOC in them.

You're right, I was editing the toc items. I also edited the .rows item, and I didn't see any option for "height" for the other items shown in the MAP...but nothing seemed to work.

Do I need to add line-height: **pt; to other options myself?

This is my first experience with php, so sorry about my lack of knowledge.

**Brian** · 10-30-2009, 01:53 PM

Please feel free to modify this CSS in any way that would help you obtain your goal.

Ryan Joachim · 10-31-2009, 02:00 PM

If I wanted my calendar to look like the Ajax demo, where would I find that info?

Or what would I need to edit in my css for that?

**Brian** · 10-31-2009, 06:14 PM

The normal mode calendar uses the same layout and CSS information as the AJAX layout. So they would look the same.

Ryan Joachim · 11-01-2009, 01:59 AM

Well, as far as I can tell they don't...would the calendar be affected in some way by the css form I use for my website?

**Brian** · 11-01-2009, 02:39 PM

Your mm_entertainment.css file in your page has blanket CSS changes that are affecting the calendar. It's set to modify all table elements on your page, which is also changing the calendar.

This will need to be modified to only apply to specific elements of the page and not override the calendar.

Ryan Joachim · 11-01-2009, 03:48 PM

Thanks a lot for the information. Do you know of a good resource that would show me how to do that?

ve9gra · 11-02-2009, 06:55 AM

You can use the Web Developer Toolbar add-on for Firefox. It is really good at telling you which CSS applies to each element. It will help you troubleshoot those CSS issues, but it won't tell you how to fix it.

Just make sure that you don't apply CSS to full elements, like td, or tr, etc...