BlueMe Posted November 11, 2014 Share Posted November 11, 2014 Hi,I'm having a bit of a challenge with some styling, I have the following code: In my stylesheet : .dropshadowclass { border: solid 1px #CCC; -moz-box-shadow: 5px 5px 0px #999; -webkit-box-shadow: 5px 5px 0px #999; box-shadow: 5px 5px 0px #999; } .imagedropshadow { padding: 5px; border: solid 1px #EFEFEF; } a:hover img.imagedropshadow { border: solid 1px #CCC; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; } p { font-family: "Arial", Times, serif; font-size: 12px; } div.img { margin: 5px; padding: 5px; height: auto; width: auto; float: left; text-align: center; } div.desc { text-align: center; font-weight: normal; width: 170px; margin: 5px; } An this is what I want to use on some page: <div class="img"> <a class="fancybox" href="#inline1"><img src="img/hazelwood-1.jpg" class="imagedropshadow" /></a> <div class="desc">Cum funcționează? </div> </div> <!-- #inline1 --> <div style="display: none;"> <div id="inline1" style="width:700px;"> <div id="img"><img src="img/hazelwood-1.jpg" align="left" hspace="10" class="imagedropshadow"/></div> <h4>Cum funcționează Hazelwood</h4> <p>Hazelwood pare să lucreze prin....</p> </div> </div> The thing is that it shows the whole code, instead of hiding it ... what I see is that this: <div style="display: none;"> gets ignored for some reason ... and I'm left with something looking like this: Can you offer some help on how I can go about this ? Thank you & best regards! Link to comment Share on other sites More sharing options...
BlueMe Posted November 12, 2014 Author Share Posted November 12, 2014 (edited) I've solved this thanks to mr. Milosz Myszczuk, the [spam-filter] of this forum and PS If you want to do something like what I needed you need to do this : Prestashop TinyMCE editor full options + all html tags support Thank you ! Edited November 12, 2014 by BlueMe (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts