Strange problem with Joomla template |
|
Yebberdog
|
I am in the process of creating a website which uses the JoomRes Reservation component within a three column template created with Artisteer. All is fine, however when a js calendar is activated it opens and stretches all aross the total width of the screen, it should be a small typical calendar box where you select the date. This only happens with templates created in Artisteer, all other templates seem fine, especially the standard install templates that come with Joomla. I love Artisteer and this is the first problem I have experianced, if anyone can help I would be truly greatful.
Many thanks
|
| |
audra
|
which position is it assigned to?
|
| |
Yebberdog
|
Joomres is a component that is linked to the main menu in Joomla and when selected from the main menu appears in the main body of the page where the articles normally appear. As per the post, everything is fine, it is only when you click to enter the date in the booking form that the javascript calendar pops, but instead of being your normal rectangular calendar box, it is extended in side across the whole of the screen. This also renders the calendar un-usable. There was an item in the knowledge base that related to changes in the base.css, however there is no file on my system to relate this. The problem only seems to occur with templates made using Artisteer. I have tried it with many others including the standard Joomla templates, Rockettheme templates and others, none exibit the same problem.
I am at a loss as to the problem having searched both the calender js Sourceforce forums, JoomRes and Artisteer.
Any help would be appreciated.
Kind regards
|
| |
Garry
|
URL Please
|
| |
Yebberdog
|
Sorry Garry but it is on a local server at the moment so I cannot offer a URL.
It must be something to do with the Artisteer CSS as I have now tried over 10 templates from various sources and no problem.
Any ideas would be useful, the knowedgebase only offered this:
------------------------------------------------------------------------------------------------------
In certain Joomla templates the javascript calendar can't be used
Solution (With thanks to Klabog for this solution)
Look in your base.css file for this line:
#main-body{clear:both;float:left;width:80%;position:relative;z-index:100;padding-bottom:10px;}
and change it to:
#main-body{clear:both;float:left;width:80%;position:relative;padding-bottom:10px;}
---------------------------------------------------------------------------------------------------------
However I do not have any base.css file on my system.
Regards
|
| |
Garry
|
Find out the CSS associated with your calendar and reduce its width according to your needs
|
| |
|
|