élément simple avec cadre qui ne suit pas |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
nico38
Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967 |
Options des messages
Thanks(0)
Envoyé : 29 Avr 2015 à 14:40 |
bonjour,
j'avais créé un élément simple qui est prévu pour mettre une image qui se redimensionne automatiquement avec un lien et un Alt ainsi : <img src="<oe:property:write name="Lien"/>" alt="<oe:property:write name="Alt"/>" width="100%"/> Sauf que tout marche parfaitement, sauf au niveau du cadre principal : quelque soit l'image, le cadre principal est toujours 10px plus haut que l'image (le cadre dépasse en bas de pourtant le cadre principal est toujours en hauteur auto, quelle peut être l'erreur ? Edité par nico38 - 29 Avr 2015 à 22:59 |
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
Rebonjour,
Il faut utiliser Inspecter l'element dans Chrome pouv voir d'ou vient le decalage.. Si vous avez un lien on peut vous aider. |
|
nico38
Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967 |
Options des messages
Thanks(0)
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
Apparemment ce sont des espaces blancs avant le tag <img> qui provoque cela, en plus de fait que <img> n'est pas en display:block. Si on force le style display:block sur <img>, il n'y a pas de ce probleme.
|
|
nico38
Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967 |
Options des messages
Thanks(0)
|
du coup je vais mettre display:block pour l'enfant "img"
J'ai donné la class : <img class="dep-img" src="<oe:property:write name="Lien"/>" alt="<oe:property:write name="Alt"/>" width="100%"/> il ne me reste plus qu'à appliquer display:block à dep-img mais je ne vois pas comment faire : est-ce que c'est dans zone de style dans l'éditeur d'élément ? ps: certes ça marche si je le mets directement dans la balise (<img src="<oe:property:write name="Lien"/>" alt="<oe:property:write name="Alt"/>" width="100%" style="display:block;/>) mais je voulais savoir comment attribuer un css via l'éditeur sans devoir le mettre directement dans la balise ça évitera un nouveau post) Edité par nico38 - 29 Avr 2015 à 17:55 |
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
Vous pouvez effectivement ajouter un Zone de style, l'appliquer a cette image, puis dans openElement mettre Display (Affichage) "Block", puis enregistrer le modele du style (1e bouton dans le menu de haut Zone de Style: xxxx), puis retourner dans l'Editeur Elements et selectionner ce nouveau modele comme modele par defaut pour votre element.
Sinon, ajoutez un Script CSS (onglet Scripts dans l'Editeur) avec un class de votre choix, puis ajoutez ce classe a <img> dans HTML, c'est beaucoup plus simple. |
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |