Navigation bar vertically

[bestcons]

The navigation bar of my website (e.g. http://www.dedecanije.nl/index.php/component/virtuemart/boekenoverzicht) with VM 2.0.6 appears vertically, both at the top and at the bottom, as shown in the attachment. Search results in Joomla 2.5.4 are presented in the usual horizontal way. I use Beez5 as Joomla template.
Any suggestions?
Regards,
bestcons

[attachment cleanup by admin]

[cabbie]

I am experiencing the same issue. When using another template the pagination is shown correctly in a horizontal way.

Is there another way to fix it except changing the template?

I'm currently using Joomla 2.5.6 with Virtuemart 2.0.8e

[ivus]

Hi cabbie,


Without being able to see your actual site all I can suggest is the following:

   
• the reason it's broken (displayed vertically rather than horizontally) - is because the template you're using is missing the required css style that are used to present the pagination in a horizontal bar.
• the reason it works again when you change the template - the new template you used has the pagination styles...

It seems as simple as that. To help you out, try and paste the following style into the template that is broken.

Code Select Expand



/* ++++++++++++++  pagination  ++++++++++++++ */

#main .pagination
{
        margin:10px 0 ;
        padding:10px 0 10px 0px;
        clear:both;

}

#main .pagination ul
{
        list-style-type:none;
        margin:0;
        padding:0;
        text-align:left;
}

#main .pagination li
{
        display:inline;
        padding:2px 5px;
        text-align:left;
        border:solid 0px #eee;
        margin:0 2px
}

.pagenav
{padding:2px; clear: both;}

#main .pagination li.pagination-start,
#main .pagination li.pagination-next,
#main .pagination li.pagination-end,
#main .pagination li.pagination-prev
{border:0}

#main .pagination li.pagination-start ,
#main .pagination li.pagination-start  span
{
padding:0

}
p.counter
{
        font-weight:bold;
}



I hope this helps.

[bestcons]

I found out that if I set via the Virtuemart Control panel in Configuration and the Template tab -> Use the CSS of Virtuemart, I have a horizontal navigation.
That confirms that it indeed is a template matter.
Problem solved.
Regards,
bestcons