Problem with custom css styles

[mikeandrews]

Hello

 

I have a problem with proper display of my product description page. I have a code that works fine when I open it as html page in my browser but when I put it to prestashop product description it cannot display properly the header of specifications and then bullet list. 

 

http://www.glovii.com/index.php?id_product=15&controller=product&id_lang=1

 

 

It seems that it has problems when I have two objects with the same id. It is weir that when I put that not working part of code in the top of the page it works. I don't know why.

 

Below it's a code:

 

 

<!-- POCZATEK - DEFINICJE STYLÓW - NIC NIE ZMIENIAMY -->

 

<p><!-- KONIEC DEFINICJI STYLÓW, TU ZACZYNA SIĘ WIDOCZNA CZĘŚĆ --></p>

 

<center><br /><img src="http://glovii.com/images/GL2.jpg" alt="" width="990" /> 

<div id="subtitle1"><strong> Glovii: the warmest gloves because</strong></div>

 

<div id="subtitle2"><strong>with the built-in heating and battery</strong></div>

<img style="margin: 15px;" src="http://www.glovii.com/img/cms/GL3.jpg" alt="" width="310" height="310" />

<img style="margin: 15px;" src="http://www.glovii.com/img/cms/GL4.jpg" alt="" width="309" height="309" />

<img style="margin: 15px;" src="http://www.glovii.com/img/cms/GL5.jpg" alt="" width="309" height="309" /><br />

<img style="margin: 15px;" src="http://www.glovii.com/img/cms/GL6.jpg" alt="" width="309" height="309" />

<img style="margin: 15px;" src="http://www.glovii.com/img/cms/GL7.jpg" alt="" width="309" height="309" />

<img style="margin: 15px;" src="http://www.glovii.com/img/cms/GL8.jpg" alt="" width="309" height="309" /><br />

 

<div id="title_r"><strong> Up to 8 hours of warmth </strong></div>

 

<div id="text_title">The Glovii are just amazing.</div>

 

<div id="text">They are made of highly elastic polyester and adhere closely to a hand. The heating element spread on the entire glove will evenly distribute the heat. You need nothing else for the feeling of the full comfort. However, you can also put your normal ski, fishing or motorcycle gloves on to the top without any problem. The Glovii will take care of your comfort and will let you forget... about frozen hands. The energy needed to heat the gloves is provided by two durable batteries. Their capacity allows for maximum 8 hours of work. The control of the heating is carried out through the panel placed on the top of the glove. The adjustment range of the heating allows for obtaining 33%, 66% or 100%. The thumb and the index finger of the glove are finished with special fabric allowing for operating touch screens. So you will not have to take your gloves off in order to answer a call, to check the weather or to take a photo on a slope. Battery charging is carried out with use of a dedicated network battery charger and lasts about 6 hours. Therefore, after an entire day of fun on snow, you will regenerate your accumulators at night in order to use the additional warmth on the next day.</div>

 

<div id="text_end"><strong> So forget about frozen hands, you have a solution at your fingertips. </strong></div>

<br>

<iframe src="//www.youtube-nocookie.com/embed/qyZzYgRf10U" width="800" height="450" frameborder="0"></iframe><br />

<img src="http://glovii.com/images/GL1.jpg" alt="" width="1020" /><br />

</center>

 

<div id="text_title">Specifications:</div>

 

 

<div id="text">

<strong> Heating element:</strong>

<ul>

<li>Efficient 7.4 V, 2200mAh Li-Ion (XL, L, M); 1800mAh Li-Poly (S, XS) battery</li>

<li>Microprocessor mode control</li>

<li>The heating element made of carbon fibres, spread over entire glove</li>

</ul>

<strong> Modes: </strong>

<ul>

<li>33%; up to 8 hours of work</li>

<li>66%; up to 4 hours of work</li>

<li>100%; up to 2 hours of work</li>

</ul>

<strong> Other specifications:</strong>

<ul>

<li>Weight with battery: 250g</li>

<li>Built-in 3-way mode indicator</li>

<li>Charging time: 4-6 hours</li>

<li>Warranty: 1 year</li>

</ul>

<strong>The set includes:</strong>

<ul>

<li>Heated gloves with the heating element – 1 pair</li>

<li>Batteries for gloves: 2 pieces</li>

<li>Battery charger with the EU plug (110-230 V) - 1 piece</li>

</ul>

<br />

</div>

 

 

 

<div id="text_end"><strong> The trimming of the thumb and the index fingerwith special fabric, which allows you to operate touch screens. </strong></div>

<center><img src="http://www.glovii.com/img/cms/GL9.jpg" alt="" width="990" height="613" />

<div> </div>

<div> </div>

<img src="http://glovii.com/images/size_gl.jpg" alt="" width="990" />

<div> </div>

<div id="text_bottom"> </div>

</center></div>

</center>

 

 

 

 

[Carolina Custom Designs]

Hard to say for sure without a working link to the site but my guess would be that you css is being overridden by the css of your theme. Check this first then report back.

 

Marty Shue

[vekia]

how it should looks like?

i checked page you linked and to be honest, i have no idea what's the problem