/New\ IE interprete mal height ? :s

Bonojour,

Je voudrais savoir s'il est possible de n'afficher qu'une partie d'une image.
C'est a dire, par exemple j'ai une image 100px * 30px et je veux en afficher que 50px * 30px sans la deformer. Est ce que c'est possible ?



Ou alors est-il possible de créer un degradé sans utiliser d'image en background ?
Merci,
A bientôt,
Modifié par nonoteam (26 Jul 2006 - 18:58)

Tu indique une taille inférieure à la réalité

width:50px;
height:30px;

Seulement les 50 premier pixels s'afficheront
Modifié par thymo (26 Jul 2006 - 16:56)

nonoteam a écrit :
Ou alors est-il possible de créer un degradé sans utiliser d'image en background ?
Merci,
A bientôt,

Oui, avec les filtre de Microsoft, mais sa fonctionne seulement sous IE.

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0000FF', EndColorStr='#00006600')

thymo a écrit :
Tu indique une taille inférieure à la réalité

windth:50px;
height:30px;

Seulement les 50 premier pixels s'afficheront

Hello,

je ne crois pas, en faisant ça sur l'image tu vas la redimensionner.

Je pense qu'il faut attribuer l'image en background à un conteneur auquel tu donnes des dimensions inférieures à la taille de l'image pour la "rogner".

#conteneur{
width:50px;
height:30px;
background-image: url(emlacement.jpg) left no-repeat}

Attention , y'a une faute de frappe dans ton code, c'est

width:50px;
height:30px;

Modifié par Hum (26 Jul 2006 - 16:59)

Je me suis mal exprimé en effet, je parlais bien pour une image en background !

Exemple :

#image1 {
background: url('images/images1.jpg');
width:50px;
height:30px;
}

Dans ce cas là, l'image ne sera pas rédimensionné !

Excuse moi pour la faute de frappe
Modifié par thymo (26 Jul 2006 - 16:59)

Sans soucis l'ami !

Bonjour,

Tu peux voir du côté de la propriété clip.
Pour plus d'infos : Syntaxe de la propriété clip

Merci à tous, ca marche super bien
Merci.

Salut,
J'ai un nouveau pb que je ne comprends pas

.test {
width: 100px;
height: 10px;
border: 1px solid #000000;
}

<div class="test"></div>

IE m'affiche une hauteur de 20px au moins
pourtant si je fais

width: 10px;
height: 100px;

Il comprend bien
Une idée ?

Préciser line-height: 10px;
Modifié par Laurent Denis (26 Jul 2006 - 19:21)

Merci ca marche
A partir de 20px ca marchait bien par contre sans line_height
Meric

nonoteam a écrit :

A partir de 20px ca marchait bien par contre sans line_height

Oui : IE force la hauteur minimale d'un élément div vide à la hauteur de ligne par défaut (fonction de la taille de police).

Ah ok, merci.
par contre avec un background image ca ne marche pas ?!

width: 100px;
height: 10px;
line-height: 10px;
background-image: url(images/barre.jpg);

remplacer line-heigh par font-size: 1px

Un peu d'initiative, que diable !