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

openElement

> Web Café
  Nouveaux messages Nouveaux messages Fil RSS  - Image vectorisée [Résolu]
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Image vectorisée [Résolu]

 Répondre Répondre
Auteur
Message
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6508
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Sujet: Image vectorisée [Résolu]
    Envoyé : 27 Feb 2017 à 14:26
Existe-t-il une façon d'insérer une image vectorisée dans une page OE?

Edité par Hobby001 - 27 Feb 2017 à 16:15
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é : 27 Feb 2017 à 15:06
Bonjour,

Je propose des SVG par des Blocs de Code Source (HTML, ou CSS en image de fond)
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6508
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Feb 2017 à 16:15
Merci

Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6508
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Feb 2017 à 17:00
Pour ceux que ça intéresse: 

En CSS

.testsvg{
background: url(/Files/Other/KleenVACspiral.svg)no-repeat center;
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Feb 2017 à 17:06
Bon à savoir en effet. Thumbs Up
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Feb 2017 à 17:20
Attention, il me semble que pour que cela fonctionne correctement sur IE, il faut lui indiquer spécifiquement les hauteur/largeur de l'élément, sinon c'est tout écrasé ...
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6508
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Feb 2017 à 17:32
Je l'ai mise dans un cadre, classe perso: spirale

.spirale{
background: url(/Files/Other/spirale.svg)no-repeat center;
background-size: contain;
width: 4vh !important;
height: 4vh !important;
margin-bottom: 0.5vh;
margin-left: 0.1vh;
margin-right: -0.15vh;
}
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Feb 2017 à 17:43
oui, la aucun problème, les height et width sont renseignés
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6508
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Feb 2017 à 17:46
En fait je croyais que background-size: contain; renseignait l'image et que width et height s'occupaient du conteneur.
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Feb 2017 à 17:48
oui, c'est exact.
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.063 secondes.