Solved

Joomla - Virtuemart - 3 columns - not in the middle

Posted on 2011-09-03
5
410 Views
Last Modified: 2012-08-13
Hello,

Have a look at the embedded picture: there are 3 columns in the VM categery -> the problem is that the left margin, right margin and the distance between images are uneven (I drew purple arrows to show it).
I suppose this is because of the length of the text. I attached my "browse flypage" too.

The link is: http://www.egyediszoftverek.hu/ideig/joomla_ideig/index.php?page=shop.browse&category_id=1&option=com_virtuemart&Itemid=60

 Flypage
 
<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);

 ?>

<!-- <table><tr><td></td></tr></table> -->


<div style="clear:both;">
 <p></p>
</div>
<table width="100%">
<tr>
<td><a style="font-size:16px; font-weight:bold;" href="<?php echo $product_flypage ?>"><?php echo $product_name ?></a>  </td>
 </tr>
 
  <tr>
    
	<td><?php echo ps_product::image_tag( urldecode($product_thumb_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' ) ?>
       </td>
	
  </tr>
  <tr><td colspan="2"><?php echo $product_s_desc ?> </td>
  </tr>
  
<tr>
<td><a href="<?php echo $product_flypage ?>">[<?php echo $product_details ?>...] </a></td>
 </tr>  
  
  
<tr>
<td><?php echo $product_price ?> </td>
 </tr>  
</table>
<br>

Open in new window

0
Comment
Question by:starhu
  • 2
  • 2
5 Comments
 
LVL 12

Expert Comment

by:Panagiotis S
ID: 36478524
give a width to the to the div that holds the text!
0
 

Author Comment

by:starhu
ID: 36478660
I set it, now the texts have the same width as the pictures, but the distances are still uneven :-(
0
 
LVL 13

Expert Comment

by:joomla_php
ID: 36478677
The code is even, it's the pictures that are different widths.
0
 

Author Comment

by:starhu
ID: 36478699
Ok, then have a look at http://www.egyediszoftverek.hu/ideig/joomla_ideig/index.php?page=shop.browse&category_id=4&option=com_virtuemart&Itemid=60

Here the pictures have the same width and the left margin is much less than the right margin.

The customer wants the 3 picture to be in the middle - the left margin and right margin should be the same width like this:

<--left  margin--> picture 1 picture 2 picture 3 <--right margin-->
0
 
LVL 13

Accepted Solution

by:
joomla_php earned 500 total points
ID: 36478737
add this to template.css in http://www.egyediszoftverek.hu/ideig/joomla_ideig/templates/christmas_transport/css/template.css

div#vmMainPage div#product_list
{
padding-left:45px;
}
0

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Move Joomla from dev to prod 1 115
Looking for a Joomla template 12 74
Joomla - adding a new Admin user 5 68
Google Structured Data - Joomla 2 101
Change Joomla Logo Graphic This tutorial goes over the steps to change the Joomla Logo in the template you are using. For this example we will be assuming you are using the rhuk_milkyway Joomla Template which is installed by default. You will …
This is our step by step to setting up and configuring a Joomla Install on a Windows 2003 Server. This is the perfect solution for an Intranet Website using Joomla. What you need (only use the following versions) : A fresh copy of Joomla http…
This video shows how to use Hyena, from SystemTools Software, to bulk import 100 user accounts from an external text file. View in 1080p for best video quality.
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question