[REZOLVAT] Footer responsive

[DanAndrei]

Salutare,

 

Am adaugat niste text si un tabel cu 5 coloane in footer.tpl dar am observat ca nu este responsive.

Ma poate ajuta cineva cum sa il transform sa fie responsive?

 

Versiunea 1.6.13

 

Multumesc!

Edited June 6, 2017 by DanDobras (see edit history)

[zaurus]

destul de greu de facut asta daca nu pui si un link sa vedem ce ai facut.

in principiu ar fi bine sa folosesti <div> si dimensiuni % eventual cu max-width, max-height in px daca incep sa se amestece elementele

[DanAndrei]

destul de greu de facut asta daca nu pui si un link sa vedem ce ai facut.

in principiu ar fi bine sa folosesti <div> si dimensiuni % eventual cu max-width, max-height in px daca incep sa se amestece elementele

 

OK, mai jos e codul de la footer. nu pot sa iti arat pentru ca e in localhost.

 

codul cu pricina incepe de la <!-- Copyright and custom footer -->

{if !isset($content_only) || !$content_only}
					</div><!-- #center_column -->
					{if isset($right_column_size) && !empty($right_column_size)}
						<div id="right_column" class="col-xs-12 col-sm-{$right_column_size|intval} column">{$HOOK_RIGHT_COLUMN}</div>
					{/if}
					</div><!-- .row -->
				</div><!-- #columns -->
			</div><!-- .columns-container -->
			{if isset($HOOK_FOOTER)}
				<!-- Footer -->
				<div class="footer-container">
					<footer id="footer"  class="container">
						<div class="row">{$HOOK_FOOTER}</div>
                        
                        <!-- Copyright and custom footer -->
       <div style="overflow-x:auto;">
                     <p align="center" class="center clearBoth" style="color:#F7F7F7">©  Toate drepturile rezervate. Metalic Shop ® este o marca inregistrata Dan Dobras.</p>
					<p class="center clearBoth"></p><center><table width="50%" border="0" align="center">
  <tr>
    <td width="24%" align="center" valign="middle"> <!--/Start trafic.ro/-->
<script type="text/javascript">t_rid="metalicshop";</script>
<script type="text/javascript" src="http://storage.trafic.ro/js/trafic.js"
></script><noscript><p><a href="http://www.trafic.ro/?rid=metalicshop'>http://www.trafic.ro/?rid=metalicshop"><img alt="trafic ranking"
 src="http://log.trafic.ro/cgi-bin/pl.dll?rid=metalicshop" /></a></p>
<a href="http://www.trafic.ro">Statistici web</a>
   </noscript>
<!--/End trafic.ro/--> </td>
    <td width="25%" align="center" valign="middle"><!-- WEB-LINKS CODE - BEGIN --><a href="http://www.web-links.ro/" target="_blank" title="Director Web GRATUIT"><img src="http://www.web-links.ro//images/logo_sml.jpg" alt="Web-Links.ro" border="0"></a><!-- WEB-LINKS CODE - END --></td>
    <td width="25%" align="center" valign="middle"><a href="http://www.dirweb.ro" title="Director Web" rel="follow"><img src="http://www.dirweb.ro/minibanner.png" border="0" /></a></td>
    <td width="25%" align="center" valign="middle"><a title="Trafic Director" href="http://www.trafictriplu.ro"><img src="http://www.trafictriplu.ro/images/banner.jpg" border="0" alt="TRAFIC TRIPUL - Directo Web"></a></td>
    <td width="26%" align="center" valign="middle"><a href="http://www.prchecker.info/" title="Check Google Page Rank" target="_blank">
  <img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL3d3dy5tZXRhbGljc2hvcC5ybw==&tag=3" alt="Check Google Page Rank" style="border:0;" /></a></td>
  </tr>
  <tr>
    <td colspan="2" align="center" valign="middle"> </td>
    <td align="center" valign="middle"> </td>
    <td colspan="2" align="center" valign="middle"> </td>
    </tr>
  <tr>
    <td colspan="2" align="center" valign="middle"><div align="center"><a href="http://www.anpc.gov.ro/">ANPC</a></div></td>
    <td align="center" valign="middle"> </td>
    <td colspan="2" align="center" valign="middle"><div align="center"><a href="https://webgate.ec.europa.eu/odr/main/?event=main.home.show">SOL</a></div></td>
  </tr>
                </table>
                </center>

</p>
</div>
		<!-- #Copyright and custom footer -->
				  </footer>
				</div><!-- #footer -->
			{/if}
		</div><!-- #page -->
{/if}
{include file="$tpl_dir./global.tpl"}
	</body>
</html>

[DanAndrei]

OK, am gasit o rezolvare foarte faina.

 

<div style="overflow:hidden;">

       TEXT, TABEL

</div>

 

Ascunde partea din tabel ce nu intra in ecran.

Foarte fain!

[Costel1975]

Va rog sa ma ajutati cum/unde inserez link-ul catre ANPC in prestashop 1.7.

Multumesc