Discussion :

[zooffy]

Bonjour tout le monde.

J'ai beaucoup de mal à positionner mon texte sur une image dans une cellule. Je patauge entre le positoin relative et absolute. J'ai lu et relu les doc sur les balises CSS, mais j'y arrive pas. Alors je viens soliciter votre aide.

Je travaille en VB.NET avec une <asp:TableCell, une <asp:Image et un <asp:Label.
Une fois interprété ça donne ça :

Code :

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

1
2
3
4
 
<td class="PARA_F8_CelTexte">
<img class="PARA_F8_ImageFond" src="App_Themes/Artgotika/FondPresentation.jpg" style="border-width:0px;" />
<span class="PARA_F8_LabelTexte" style="display:inline-block;width:750px;">Le texte st là, volotairement racourice pour ne pas charger l'exemple. </span></td>

Et les class CSS sont les suivantes :

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
18
 
.PARA_F8_CelTexte
{
    position:relative;
    text-align:center;
}
.PARA_F8_LabelTexte
{
    position:absolute;
    top:0px;
    left:0px;
}
.PARA_F8_ImageFond
{
    position:absolute;
    top:0px;
    left:0px;
}

le problème que j'ai c'est que l'image et le texte viennent ce placer au mileu de la cellule (<TD>) à leur point d'origine (angle supérieur gauche).

Ce que je voudrais c'est centrer l'image dans la cellule et, subsidiairement, faire en sorte que le texte se détache des bords Haut, Gauche et Droit de 10 pixel.

Pourriez vous me donner un coup de main ?

[mateuil]

en utilisant les padding ...?
Cela fonctionne avec les Div, donc pourquoi pas avec les cellules. Pas tester mais je pense que ça peut fonctionner.

[zooffy]

Merci pour ton intervention.
Les papding, je verrais ça lorsque l'image sera revenue au centre de la cellule.
Pour l'instant avec le code proposé, elle est callée sur le milieu, mais elle n'ai pas au milieu.