BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Éditeur d'éléments
  Nouveaux messages Nouveaux messages Fil RSS  - élément simple avec cadre qui ne suit pas
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

élément simple avec cadre qui ne suit pas

 Répondre Répondre
Auteur
Message
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Sujet: élément simple avec cadre qui ne suit pas
    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 10px 3 ou 4px)

pourtant le cadre principal est toujours en hauteur auto, quelle peut être l'erreur ?


Edité par nico38 - 29 Avr 2015 à 22:59
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Avr 2015 à 14:47
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.
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Avr 2015 à 15:00
VOICI

j'ai mis le cadre principal en fond orange pour qu'on voit le dépassement
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Avr 2015 à 17:14
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.
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Avr 2015 à 17:47
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
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Avr 2015 à 18:01
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.
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.047 secondes.