Discussion :

[Flechenoir]

Bonjour,

J'ai fait une classe triangle.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
.triangle{
    width:1px;
    height:1px;
    border:1px solid #e7e7e7;
    border-color:#e7e7e7 transparent transparent transparent;
    border-width:20px;
}

Puis j'ai un input dont j'aimerais mettre comme image de fond, mon triangle.

Mais, est-ce possible ? Existe-il un langage permettant de crée des images très légère ? (comme le css en gros)

Merci de votre aide

Cordialement,

Bonvin Maxime.

[mihaela belersoft]

Bonjour,

Voici ma proposition : dans le container de l’élément input il faut utiliser un tag div de classe .triangle avec une position absolue.
Ex. .triangle se positionne au commencement de l’imput.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.container {
	width: 200px;
	height: 40px;
}
.container input {
	width: 200px;
	height: 40px;
}
.triangle {
	position: absolute;
	margin: 10px;
	width:1px;
	height:1px;
	border:1px solid #e7e7e7;
	border-color:#e7e7e7 transparent transparent transparent;
	border-width:20px;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="container">
	<div class="triangle"></div>
	<input type="text" id="address">
</div>

[Flechenoir]

oui cela marche, mais ce n'est pas pratique (responsive, ect.).

Donc apparemment cela n'est pas possible. Cependant il reste ma seconde question; Existe-il un moyen de faire une image, non par la technique "photoshop" mais avec une technique plutôt orienté code (ex: css, mais le css ne sors pas par un format d'image).

Merci de votre aide

[Bovino]

Non, il n'est pas possible de définir un élément comme image de fond. En revanche, tu peux très bien utiliser une image SVG pour cela.