Un background dans un td


vitalizo
WRInaute passionné
WRInaute passionné
 
Messages: 1086
Inscription: 27 Nov 2005

Un background dans un td

Message le Lun Nov 28, 2005 23:51

Voila j'aimerais inserais dans un td un background.

Je voudrais juste centre l'image au milieu de td.

Quels balise utiliser?

psychoreflex
WRInaute passionné
WRInaute passionné
 
Messages: 1123
Inscription: 10 Juil 2005

Message le Mar Nov 29, 2005 0:13

utilises la balise <centration></centrance>

psychoreflex
WRInaute passionné
WRInaute passionné
 
Messages: 1123
Inscription: 10 Juil 2005

Message le Mar Nov 29, 2005 0:13

dsl je vais me coucher


medium69
WRInaute passionné
WRInaute passionné
 
Messages: 2485
Inscription: 7 Mai 2005

Re: Un background dans un td

Message le Mar Nov 29, 2005 0:38

vitalizo a écrit:Voila j'aimerais inserais dans un td un background.

Je voudrais juste centre l'image au milieu de td.

Quels balise utiliser?


pas une balise... un attribut.
Il faut chercher via le CSS, mais je n'ai pas la tête à cherché ce soir.

nicco
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 21
Inscription: 2 Mar 2005

Message le Mar Nov 29, 2005 1:49

Alors euh à la volée comme ça tu peux coder de differentes manières.

Via CSS :

dans ton css tu inseres un code de type :

Code: Tout sélectionner
.exemple{
    background-image:url(urldetonimage/image.tld);
}


et dans le code de ta page sur la balise td :

Code: Tout sélectionner
<td class="exemple">CONTENU</td>


Directement dans la page :

Code: Tout sélectionner
<td background="urldetonimage/image.tlp"></td>


ou

Code: Tout sélectionner
<td style="background-image:url(urldetonimage/image.tld)">CONTENU</td>


e-kiwi
Modérateur
Modérateur
 
Messages: 15544
Inscription: 23 Déc 2003

Message le Mar Nov 29, 2005 8:17

la bonne solution :

<td style="background-image:url('urldetonimage/image.tld') no-repeat 50% 50%">CONTENU</td>

:-)


ManiaGames
WRInaute impliqué
WRInaute impliqué
 
Messages: 565
Inscription: 18 Sep 2005

Message le Mar Nov 29, 2005 9:14

Dans la CSS

Code: Tout sélectionner
.exemple{
    background-image:url(urldetonimage/image.tld);
    text-align:center;
}


Dans la page HTML
Code: Tout sélectionner
<td class="exemple">CONTENU</td>


Et si c'est l'image du background que tu veux centrer

Code: Tout sélectionner
.exemple{
    background-image:url(urldetonimage/image.tld);
    background-position:center;
}


Voila, sinon la méthode donné par e-kiwi fonctionne, bien que je n'aime pas trop trop inseré directement le style dans un td


gripsous
WRInaute passionné
WRInaute passionné
 
Messages: 1662
Inscription: 5 Juil 2004

Message le Mar Nov 29, 2005 11:33

je n'aime pas trop trop inseré directement le style dans un td


pourquoi ?

Lymf
WRInaute discret
WRInaute discret
 
Messages: 189
Inscription: 12 Mai 2005

Message le Mar Nov 29, 2005 11:46

parce que si tu veux l'utiliser sur plusieurs pages et qeu tu veux le modifier, tu dois retrouver partout ou tu l'as mis...


ManiaGames
WRInaute impliqué
WRInaute impliqué
 
Messages: 565
Inscription: 18 Sep 2005

Message le Mar Nov 29, 2005 15:50

Lymf a écrit:parce que si tu veux l'utiliser sur plusieurs pages et qeu tu veux le modifier, tu dois retrouver partout ou tu l'as mis...


Notamment ;)
La CSS est bien plus pratique, et sert à ça alors autant l'utiliser.


vitalizo
WRInaute passionné
WRInaute passionné
 
Messages: 1086
Inscription: 27 Nov 2005

Message le Mar Nov 29, 2005 16:51

Le problème c'est que l'image comme elle rentre pas dans toute la largeur du td, se repete.

Peut etre il faut que je modifie le width du background non?


e-kiwi
Modérateur
Modérateur
 
Messages: 15544
Inscription: 23 Déc 2003

Message le Mar Nov 29, 2005 16:55

background-image:url(urldetonimage/image.tld) no-repeat 50% 50%;


vitalizo
WRInaute passionné
WRInaute passionné
 
Messages: 1086
Inscription: 27 Nov 2005

Message le Mar Nov 29, 2005 17:02

C'est bon j'ai trouvé merci :-o)


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités