Couper la fin d'une image dans une table pour faire une barre de % ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Couper la fin d'une image dans une table pour faire une barre de % ?

nero27

Voilà, je voudrais pouvoir couper la fin d'une image afin d'obtenir par exemple ceci :

à partir de cette image :

j'ai essayé comme ceci :

Code :

<table width="200" border="1">
<tr>
<td width="40">
<img src="images/interface/barre.jpg" height="7">
</td>
<td width="160">
 
</td>
</tr>
</table>

Comment puis-je faire ça ?

Merci d'avance :jap:

Message édité par nero27 le 11-11-2004 à 15:22:54

Publicité

nero27

:bounce:

antp

Super Administrateur
Champion des excuses bidons

Code :

<div style="width: 200px; border: 1px;">
<div style="overflow: hidden; width: 40px;">
<img src="images/interface/barre.jpg" height="7" alt="Progression : 20%">
</div>
</div>

Message édité par antp le 11-11-2004 à 16:11:42

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

the real moins moins

curiosité: c'est quoi le vrai besoin? ça serait pas plus simple et sobre de faire ça en monochrome? [:joce]

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

nero27

antp a écrit :

Code :

<div style="width: 200px; border: 1px;">
<div style="overflow: hidden; width: 40px;">
<img src="images/interface/barre.jpg" height="7" alt="Progression : 20%">
</div>
</div>

:hello:
Merci, je vais essayer ça

the real moins moins a écrit :

curiosité: c'est quoi le vrai besoin? ça serait pas plus simple et sobre de faire ça en monochrome? [:joce]

Plus simple, mais pas adapté

Message édité par nero27 le 11-11-2004 à 21:43:07

the real moins moins

ben je dis pas, mais jme demandais à quoi ça pouvait servir... en gros à voir dans quoi ça s'integrait

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

nero27

the real moins moins a écrit :

ben je dis pas, mais jme demandais à quoi ça pouvait servir... en gros à voir dans quoi ça s'integrait

En fait, c'est pour indiquer le niveau de vie d'une bete dans un site ludique

Sinon, Antp, ça fonctionne, mais est-ce que tu pourrais me commenter ce que chaque ligne fait que je puisse bien l'intégrer STP ?
(Je suis pas très fort en <div> :whistle: )

Message édité par nero27 le 11-11-2004 à 21:57:17

antp

Super Administrateur
Champion des excuses bidons

un div c'est juste un bloc neutre (une table normalement c'est pour présenter des données sous forme de tableau )

au premier je donne une largeur de 200px et un bord de 1px
au second je donne une largeur de 40px et je lui dis que tout ce qui dépasse (overflow) doit être tronqué (hidden)

et l'image j'ai rajouté le "alt" qui est normalement obligatoire et qui doit indiquer un contenu alternatif à l'image si elle a une quelconque utilité visuelle (dans ce cas-ci elle sert à montrer la progression)
on pourrait lui ajouter un "title" pour une infobulle...

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

nero27

antp a écrit :

Ok, merci beaucoup pour ton aide :jap:
(Va falloir que je m'intéresse de plus prêt aux <div> )
[:neowen]

Message édité par nero27 le 11-11-2004 à 22:42:43

masklinn

í dag viðrar vel til loftárása

nero27 a écrit :

Ok, merci beaucoup pour ton aide :jap:
(Va falloir que je m'intéresse de plus prêt aux <div> )
[:neowen]

les <div> ne sont "que" l'une des briques utilisées dans la conception moderne de sites web [:cupra]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Publicité

nero27

Masklinn a écrit :

les <div> ne sont "que" l'une des briques utilisées dans la conception moderne de sites web [:cupra]

Oui, je sais bien, mais je suis encore de la vieille école : j'ai appris le HTML en 98 !!!
pfioun y'a du travail à rattrapper

FORUM HardWare.fr

Programmation

HTML/CSS

Couper la fin d'une image dans une table pour faire une barre de % ?

Sujets relatifs
envoyer variable d'un formulaire en cliquant sur une image	Quelle SDL Image pour Devc++
[php/mysql]Creation multi table	[HTML] Décallage d'une image par rapport à la ligne courante
Taille Image	[AIDE] Compression d'image
table jusqu'aux extrémiés de l'écran	background image réactive
[Débutant] Erreur création table (MySQL)	SDL_Image pour Devc++
Plus de sujets relatifs à : Couper la fin d'une image dans une table pour faire une barre de % ?

Page générée en 0.035 secondes