[Résolu] Affichage tronqué des puces en front office.

[jomcdonald]

Bonjour,

 

En utilisant la fonction puce de l'éditeur de prestashop, l'affichage en FO est tronqué.

 

Voici un exemple ici:

http://www.storeman....0329428389.html

 

Voici l'affichage normal qu'il devrait y avoir:

 

Je pense à une histoire de padding mais le fait de modifier ce critère dans le global.css me modifie l'architecture de toute la page.

 

Quelqu'un peut-il m'indiquer le moyen de retrouver un affichage normal?

 

Merci

Edited June 1, 2012 by jomcdonald (see edit history)

[Atch]

Bonjour,

 

c'est pas votre formatage qui fait ça :

 

 

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {


margin: 0;
padding: 0;
}

 

V++

 

Atch

[jomcdonald]

Oui j'ai repéré ce détail.

 

J'ai appliqué cette correction

body, div, dl, dt, dd, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
ul,
{
    padding-left: 20px;
}

Le problème est que d'autre élément sont aussi modifiés.

 

La seule solution envisageable est de modifier uniquement la zone de description courte et longue.

J'ai essayé ça mais sans succés.

#short_description_block .ul {
   padding-left: 20px;
}

[2FR3]

Peut etre appliquer le style sur le <li> ?

Une suggestion serait de supprimer la bordure du resumé, cela eliminerai deja un soucis sur deux.

 

Une autre solution serai de mettre les mains dans les .tpl et y ajouter une div personnalisée qui engloberait le texte avec vos propres declaration css dans le global.

 

Cdlt.

[jomcdonald]

Problème réglé.

J'ai utilisé la méthode d'un ancien thème et tout est OK.

 

Sujet résolu.

[2FR3]

Par curiosité, j'aurai bien aimé voir la soluce s'il te plai, je fais un theme qui présente les meme symptomes, je ne me suis pas encore mis sur cette tache !

[jomcdonald]

Voici le code ajouté a mon global.css

/* global RTE fields */
.rte,
.mceContentBody {
text-align: left;
background: white;
color: black
}
body.mceContentBody {
margin: 9px 6px;
width: 556px
}
.rte html,.rte div,.rte span,.rte applet,.rte object,.rte iframe,.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,.rte p,.rte blockquote,.rte pre,.rte a,.rte abbr,.rte acronym,.rte address,.rte big,.rte cite,.rte code,.rte del, .rte dfn, .rte em,.rte font,.rte img,.rte ins,.rte kbd,.rte q,.rte s,.rte samp,.rte small,.rte strike,.rte strong,.rte sub,.rte sup,.rte tt,.rte var,.rte dl,.rte dt,.rte dd,.rte ol,.rte ul,.rte li,.rte fieldset,.rte form,.rte label,.rte legend,.rte table,.rte caption,.rte tbody,.rte tfoot,.rte thead,.rte tr, .rte th,.rte td,
.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline
}
.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,
.mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 {
margin: 0.75em 0 0.3em 0;
color: #374853
}
.rte h1,
.mceContentBody h1 {
font-size: 25px;
font-weight: bold
}
.rte h2,
.mceContentBody h2 {
font-size: 20px;
background: none;
text-transform: none;
height: auto
}
.rte h3, .mceContentBody h3 { font-size: 16px }
.rte h4, .mceContentBody h4 { font-size: 14px }
.rte h5,.mceContentBody h5 { font-size: 12px }
.rte h6, div.rte h6 { font-size: 8px }
.rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul { padding-left: 2em }
.rte ul, .mceContentBody ul {
list-style-type: disc;
margin-left: 10px
}
.rte strong, .mceContentBody strong { font-weight: bold }
.rte em, .mceContentBody em { font-style: italic }