[HTML] Pb texte sur image dans ligne d'un tableau

**hellspawn_ludo** · 21/12/2007, 18h19

Bonjour,

Je me lance dans la programmation HTML et ça commence un peu mal puisque je n'arrive à faire un petit truc qui je suis sûr sera facile pour vous.

Je m'explique : l'en-tête de ma page internet sera une image et j'aimerais qu'à l'intérieur de celle-ci, il y ai mon menu (accueil.....) mais je n'arrive pas à le faire. Bien entendu, je veux que cette image/menu soit dans une ligne de tableau.

J'ai fait des recherches sur le forum et j'ai trouvé la propriété Position:absolute qui marche très bien mais je ne sais pas comment faire pour écrire dans l'image.

Voici le bout de code que j'ai fait :

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
19
20
21
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Titre de ma page</title>
</head>
<body style="color: WHITE">
 
    <table style="position:absolute" border="5" style="width: 636px; height: 67px">
        <tr >
            <td colspan="3">
                <p>
                    <img src="Images/BandeauMenu.jpg"/>
                </p>
 
            </td>
        </tr>
   </table>
 
</body>
</html>

Je vous remercie pour votre aide.

**_Mac_** · 21/12/2007, 19h56

Mets plutôt ton image en arrière-plan :

Code :

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

1
2
3
4
5
6
<td colspan="3">
                <p style="backgroung-image: url('Images/BandeauMenu.jpg');">
                    mon texte
                </p>
 
            </td>

Tu dois pouvoir mettre le style="background-image... dans la balise <td>.

**hellspawn_ludo** · 21/12/2007, 20h29

Merci à toi _Mac_ pour ta réponse.

J'essaerai ce soir en rentrant du taf. Toutefois, si je veux mettrre mon texte au milieu de l'image, comment dois-je faire ?

Merci à toi.

**_Mac_** · 21/12/2007, 22h00

Si vraiment tu es limité par l'image, essaie superposer 2 DIV (en jouant sur les z-index) ou crée un DIV aux dimensions de l'image en mettant l'image en arrière-plan comme je te l'ai montré et centre ton texte dans le div.

**hellspawn_ludo** · 22/12/2007, 02h11

Salut _Mac_,

J'ai déplacé le "style:background" dans le <TD> car ça ne fonctionnais pas dans la balise <P>.

Du coup, ça donne ceci et ça fonctionne nickel :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 <table style="color:red ; width: 698px; height: 156px;"  border="5" >
 
        <tr  >
            <td colspan="3" style="background-image: url(Images/Copie de Bandeau.jpg); background-repeat: no-repeat; height: 141px;">
                <p style="position:absolute ; left:265px ; top:157px ; font-family:Verdana">Menu1</p>
                <p style="position:absolute ; left:336px ; top:157px ; font-family:Verdana">Menu2</p>
            </td>
        </tr>
 
    </table>

J'ai pas tout compris pour le DIV, désolé

. Si tu veux bien me réexpliquer ce serait sympa.

En tout cas, je te dis un grand merci pour ton aide.

[HTML] Pb texte sur image dans ligne d'un tableau

HTML

Discussions similaires

Partager

Partager