Taille d'un tableau en fonction de la fenêtre

Version imprimable

25/07/2016, 11h57
ragrag

Taille d'un tableau en fonction de la fenêtre

Bonjour, je suis en train de créer des signatures mail, j'ai donc fais un tableau, mais je n'arrive pas à fixer sa taille, ce qui fait que selon l'ordinateur, la taille de ma signature est différente et mes données sont alors décalées. J'ai utilisé cela pour définir la taille de ma colonne <td width = "25%">.

Malgré avoir fixé la taille de la cellule mon tableau n'est pas fixe par rapport à la fenêtre, comment faire pour que la taille ne varie plus ? Merci d'avance.
25/07/2016, 14h44
Vil'Coyote

pour que cela ne varie plus il te suffit de définir une taille fixe. de toute manière cela ne sert à rien de garder visible une signature si ta fenêtre est trop petite. il y a un moment ou il faut garder un peu de bon sens dans ce que l'on réalise.

1 pièce(s) jointe(s)

Merci pour votre réponse,

En effet, je comptais mettre ce tableau en taille fixe, j'ai donc réglé la taille de la ligne en pixel mais malheureusement rien ne change, auriez vous une explication ?

Ci-joint, mon tableau sous html, merci d'avance.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<meta charset="utf-8">
 
<br />
<div width="100%" style="border-top: 1px solid #c0c0c0;" ></div> <br />
<table width="100%" cellpadding="0" cellspacing="0">
    <tr >
 
 
        <td width="2500" height="10">
 
            <strong style="color: #1F497D; font-family: Arial; font-size: 15pt;">Nicolas</strong> <br />
 
            <br />
 
            <span style="font-family: Century Gothic, Arial, Verdana, Sans-Serif; font-size: 11pt; color: #1F497D">Chef de projet Génie Electrique SSI</span> <br />
 
 
 
        </td>
	</tr>
</table>
</div>

28/07/2016, 14h30
Vil'Coyote

ce n'est pas par ce que tu met 2500 sur un td que le tableau va faire ce que tu souhaite. c'est le tableau qui définie la taille de base pas la cellule.
de plus, pour une signature, qu'elle soit utilisée dans un client web ou un client lourd il faut respecter les règle de html. Il faut également se dire que pour les client lourd, l'interpréteur html n'est pas de dernière génération donc forcément des risques de décalage voir de mauvaise surprise d'affichage tant sur l'html que sur le css.

Tu mets en dans ton head ce code

Code:

<meta name="viewport" content="width=device-width, user-scalable=no"> qui est un Viewport

.
ensuite on a :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 
<div style="border-top: 1px solid #c0c0c0; position : relative width : 100%;" ></div> <br />
<table style="position relative; width:100%" cellpadding="0" cellspacing="0">
    <tr >
 
 
        <td style="width:25%;height:20px;;">
 
            <strong style="color: #1F497D; font-family: Arial; font-size: 15pt;">Nicolas</strong> <br />
 
            <br />
 
            <span style="font-family: Century Gothic, Arial, Verdana, Sans-Serif; font-size: 11pt; color: 

#1F497D">Chef de projet Génie Electrique SSI</span> <br />
 
 
 
        </td>
	</tr>
</table>
</div>

01/08/2016, 09h06
NoSmoking

Bonjour,
@paoli121 : et en quoi cela résout le problème ????