jokerstar Posted April 18, 2014 Share Posted April 18, 2014 Hello, is there any way to create img or banner on left side from left column? Check img in atachment, please, it is marked by red square. I was looking on forum but find only banners in left column, but I need this banner in left side from left column. Sorry for my English. Link to comment Share on other sites More sharing options...
vekia Posted April 18, 2014 Share Posted April 18, 2014 you can do it with free html box module. you can paste code to the left column with proper css styles for example: <div style="width:200px; display:block; position:absolute; left:200px;"> MY BANNER IMAGE HERE </div> Link to comment Share on other sites More sharing options...
jokerstar Posted April 18, 2014 Author Share Posted April 18, 2014 you can do it with free html box module. you can paste code to the left column with proper css styles for example: <div style="width:200px; display:block; position:absolute; left:200px;"> MY BANNER IMAGE HERE </div> and one more Q what is code in css, if I want fix banner ln upper left corner. I mean if I am scrolling down page and I want that this banner still stay in upper left corner of my display, when page is scrolled up or down. I hope you know what I mean. Link to comment Share on other sites More sharing options...
vekia Posted April 18, 2014 Share Posted April 18, 2014 in this case you have to use position:fixed Link to comment Share on other sites More sharing options...
jokerstar Posted April 18, 2014 Author Share Posted April 18, 2014 well, I tried it with your html editor. I open it and select left column, then editor OFF and paste this there <div style="width:200px; display:block; position:absolute; left:200px;"> <img src="http://slovbunc.net76.net/prestashop/themes/default/img/onsale_en.gif"> </div> after save code was: <div 200px="" display:block="\"\"" position:absolute="\"\"" left:200px="\"\""> <div style="0width: 200px;" display:block="" position:absolute="" left:200px=""><br /><img src="\"http://slovbunc.net76.net/prestashop/themes/default/img/onsale_en.gif\"" /></div> </div> here is result: http://slovbunc.net76.net/prestashop/index.php?id_category=4&controller=category&id_lang=1 positioon of image (banner) is not in upper left corner of display, or left from left column. Link to comment Share on other sites More sharing options...
vekia Posted April 18, 2014 Share Posted April 18, 2014 your host probably use magic_quotes directive, or your host use old outdated php version can you say something more about host configuration? (things related to php and magic_quotes directive) Link to comment Share on other sites More sharing options...
jokerstar Posted April 18, 2014 Author Share Posted April 18, 2014 (edited) your host probably use magic_quotes directive, or your host use old outdated php version can you say something more about host configuration? (things related to php and magic_quotes directive) it was just beta server, I get it to my main server, but the banner is down at the left column. On this server is php 5.4 and info about magic:quotes where can I find it? Check my site, please. www.pondy.sk Edited April 18, 2014 by jokerstar (see edit history) Link to comment Share on other sites More sharing options...
jokerstar Posted April 18, 2014 Author Share Posted April 18, 2014 Vekia let me know what should I do please? I edited your code in google development <div style="width:200px; display:block; position:absolute; left:-100px; top:0px;"> <img src="http://slovbunc.net7...g/onsale_en.gif"> </div> after this position was OK, but I dont know if can I do it by this way (value in left is negative) P.S. if I tried position:fixed banner totaly disapear, what is wrong? Link to comment Share on other sites More sharing options...
vekia Posted April 18, 2014 Share Posted April 18, 2014 it is active on your website right now? Link to comment Share on other sites More sharing options...
jokerstar Posted April 18, 2014 Author Share Posted April 18, 2014 yes check link, image - on sale it is at the end of left column www.pondy.sk Link to comment Share on other sites More sharing options...
vekia Posted April 18, 2014 Share Posted April 18, 2014 use this code: width: 200px; display: block; position: absolute; left: -100px; top: 0px; Link to comment Share on other sites More sharing options...
jokerstar Posted April 18, 2014 Author Share Posted April 18, 2014 and what about fixed position of banner, when I am scrolling site? Link to comment Share on other sites More sharing options...
vekia Posted April 18, 2014 Share Posted April 18, 2014 then use position:fixed instead of position:absolute Link to comment Share on other sites More sharing options...
jokerstar Posted April 18, 2014 Author Share Posted April 18, 2014 then use position:fixed instead of position:absolute I know that I have to use position:fixed but when i used it banner disappear check on my site, please and in google development tool change absolute to fixed Link to comment Share on other sites More sharing options...
vekia Posted April 18, 2014 Share Posted April 18, 2014 then scroll page to top you will see it there (with left:100px) Link to comment Share on other sites More sharing options...
jokerstar Posted April 18, 2014 Author Share Posted April 18, 2014 then scroll page to top you will see it there (with left:100px) oh that fun with position:absolute and left: -100px it is okay and then with position:fixed and left: 100px it is okay, too omg Now everything is ok, you are really presta legend. One more time, thank you very much! Link to comment Share on other sites More sharing options...
vekia Posted April 18, 2014 Share Posted April 18, 2014 you're welcome ;-) i marked topic title as solved but of course if you will need any kind of assistance regarding to this case - let me know with regards, Milos Link to comment Share on other sites More sharing options...
generalexperts Posted April 20, 2014 Share Posted April 20, 2014 This worked for me in PS 1.5.4.1. Thank you! Link to comment Share on other sites More sharing options...
b22c Posted October 4, 2014 Share Posted October 4, 2014 (edited) . Edited October 6, 2014 by b22c (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts