Align the navigation panel?

[terryit3]

This is probably really simple and I was almost too embarassed to ask, but I'm having a bad day, so what the heck..

I want to align the bottom nav panel (Prev Curr Next) to "center". Where would I find this? In the default css file?
Thanks

http://img269.imageshack.us/img269/6949/align8jg.gif (http://imageshack.us)

[Brian]

It appears to be a CSS conflict on the page. Such as another CSS element completely redifining the td element. Please check your existing CSS.

[ve9gra]

For us to be able to tell you exactly which element is causing the problem, we'd need a URL to your installation, but Brian's assessment is correct.

[Spoon]

I am having the same problem on a test site...

http://www.podw.net/thob/index.php?option=com_content&task=blogcategory&id=2&Itemid=2

(Long URL because calendar is only viewable on that section)

Can't seem to align the nav text as centered...

[ve9gra]

That's because in this file "thob/templates/js_lunar_eclipse/css/template_css.css" you have a CSS that saystd {
text-align: left;
font-size: 12px;
}so every table cell is aligned to the left.

[aure]

Hello,

same problem here. If you change the overall css file for the template, the whole index changes the alignment. Trying to center it makes everything centered, this is not the way for me.

Can you tell me how can I do this (center the navigation panel for the calendar) without messing the whole template?

Thank you!

[ve9gra]

I have an idea on how to fix it, but I'll have to replicate this situation before I can test it out.

I'll let you know.

[ve9gra]

Well, I've found something but there's somewhat of a glitch thanks to the inheritance of text-align in the CSS world...

Two steps...

1- Add this to your calendar's theme's CSS file (esstyle.css).epc td {
text-align: center;
}
2- wherever you're displaying your calendar, where you have the "require("calendar/calendar.php");" that shows the calendar, add a DIV to reference the CSS that was just added, just like this (in a php file)echo "<div class=\"epc\">";
require("calendar.php");
echo "</div>"; or like this (in an HTML file)<div class="epc"><?php require("calendar.php"); ?></div>

The explanation behind this is that the new CSS redefines all of the td's alignment that are inside of the "epc" DIV. The glitch that happens is that the navTable also aligns to center instead of the left on the left, the center in the center, and the right on the right... so the arrows won't be at the edge of the calendar... but at least it's centered.

[aure]

Hi ve9gra,

thank you very much. Im sorry but I had not viewed this post since I wrote it. This solution seems quite logical to me, even when I am quite new to these issues :)

I will try it and thank you again ;)

Best regards,

[sabotage]

Wonderful! I had the same issue, and this fixed it right up! :)

I'll probably be purchasing soon for my kids site. Its mainly a photo gallery, but i'll keep the family updated with the calendar. :)

Take care,
Ryan