Jump to content

Custom CSS & HTML in PrestaShop page


BlueMe

Recommended Posts

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:

Capture.jpg

Can you offer some help on how I can go about this ?

 

 

 

Thank you & best regards!

Link to comment
Share on other sites

×
×
  • Create New...