Ik een container heb ik afbeeldingen geplaatst voor betalingen, links maar FB e.d.
De weergave op de pc is goed. Bekijk ik het op een tablet, ziet het er ineens minder mooi uit.... Wat moet ik doen om het op een tablet ook mooi uitgelijnd te krijgen?
Afbeeldingen worden geplaatst met CSS
Code: Select all
.paymentinfo-l{
float: left;
margin-right: 6px;
margin-left: 6px;
}
.paymentinfo-r{
float: right;
margin-right: 6px;
margin-left: 6px;
}
Code: Select all
<div id="content">
<div class="container">
<div class="paymentinfo-l">
<img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/ideal.png" height="25" />
</div>
<div class="paymentinfo-l">
<img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/paypal.png" height="25" />
</div>
<div class="paymentinfo-l">
<img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/visa.png" height="25" />
</div>
<div class="paymentinfo-l">
<img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/mastercard.png" height="25" />
</div>
<div class="paymentinfo-l">
<img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/MrCash.png" height="25" />
</div>
<div class="paymentinfo-l">
<img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/sofort.png" height="25" />
</div>
<div class="paymentinfo-r">
<img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/bestewebwinkels.png" height="25" />
</div>
<div class="paymentinfo-r">
<img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/postnl.jpg" height="25" />
</div>
<div class="paymentinfo-r">
<a href="https://www.facebook.com/Topgadgets4U.nl?ref=hl"><img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/facebook_logo.png" alt="#" height="25" /></a>
</div>
<div class="paymentinfo-r">
<a href="https://twitter.com/topgadgets4unl"><img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/twitter-icon.png" alt="#" height="25" /></a>
</div>
</div>
</div>