?
Solved

Joomla - Virtuemart - 3 columns - not in the middle

Posted on 2011-09-03
5
Medium Priority
?
416 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 2000 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

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

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

Here is a tutorial for making your own Joomla templates. Note before reading, you should have some existing knowledge of web development using HTML and CSS. Design Layout: Design your template in a graphics program like Adobe PhotoShop or Corel…
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…
If you’ve ever visited a web page and noticed a cool font that you really liked the look of, but couldn’t figure out which font it was so that you could use it for your own work, then this video is for you! In this Micro Tutorial, you'll learn yo…
In this video you will find out how to export Office 365 mailboxes using the built in eDiscovery tool. Bear in mind that although this method might be useful in some cases, using PST files as Office 365 backup is troublesome in a long run (more on t…
Suggested Courses
Course of the Month14 days, 11 hours left to enroll

771 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