Solved

Joomla - Virtuemart - 3 columns - not in the middle

Posted on 2011-09-03
5
414 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

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 …
What you will need: Any version of Photoshop or similar product (examples in Photoshop) Internet Access FTP Access to your joomla install or ability to upload images within joomla administrator backend Create Image: Lets start off with cre…
This is a high-level webinar that covers the history of enterprise open source database use. It addresses both the advantages companies see in using open source database technologies, as well as the fears and reservations they might have. In this…
There's a multitude of different network monitoring solutions out there, and you're probably wondering what makes NetCrunch so special. It's completely agentless, but does let you create an agent, if you desire. It offers powerful scalability …

696 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