[W3C] Désactiver les sauts à la ligne automatique ?

**Ekinoks** · 12/02/2007, 20h13

Salut !!

J'ai un tableau de "1 ligne" et "N colonnes", J'aimerais que tout mes colonne sauf la dernier soit de taille minimum et que ma dernier prenne toute la place restante !

Le problème et que lorsque j'essaye de faire ça, a chaque [espace] il y a des retours à la ligne... alors que moi je souhaiterais que tout reste sur une même ligne...

Es possible de faire ça ?

voici le code source que j'utilise actuellement :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
 
<html>
<head>
<title>Site</title>
</head>
<body>
<br>
<br>
<table style="width: 100%; height: 32px; text-align: left;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
    <td style="background-color: rgb(249, 249, 249); vertical-align: top; height: 32px;">
        <table style="width: 100%; text-align: left;" border="0" cellpadding="0" cellspacing="0">
            <tbody>
 
            <tr>
                <td style="vertical-align: top;"><img alt="" src="Image/bordure_onglet_inactife_haut.png" style="width: 100%; height: 7px;"><br></td>
            </tr>
 
            <tr>
                <td style="background-color: rgb(249, 249, 249); text-align: center; height: 19px; vertical-align: top;"><font size="-1"> MenU 1 </font><br></td>
            </tr>
 
            <tr>
                <td style="vertical-align: top;"><img alt="" src="Image/bordure_onglet_inactife_bas.png" style="width: 100%; height: 6px;"><br></td>
            </tr>
        </tbody>
        </table>
    </td>
    <td style="width: 13px; vertical-align: top; height: 32px;"><img alt="" src="Image/bordure_onglet_inactife_separation.png" style="width: 13px; height: 32px;"></td>
    <td style="vertical-align: top; height: 32px;">
        <table style="width: 100%; text-align: left;" border="0" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td style="vertical-align: top;"><img alt="" src="Image/bordure_onglet_inactife_haut.png" style="width: 100%; height: 7px;"><br></td>
            </tr>
 
            <tr>
                <td style="background-color: rgb(249, 249, 249); text-align: center; height: 19px; vertical-align: top;"><font size="-1"> Menu 2 </font></td>
            </tr>
 
            <tr>
                <td style="vertical-align: top;"><img alt="" src="Image/bordure_onglet_inactife_bas.png" style="width: 100%; height: 6px;"><br></td>
            </tr>
        </tbody>
        </table>
    </td>
    <td style="width: 13px; vertical-align: top; height: 32px;"><img alt="" src="Image/bordure_onglet_actife_gauche.png" style="width: 13px; height: 32px;"></td>
    <td style="vertical-align: top; height: 32px;">
        <table style="width: 100%; text-align: left;" border="0" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td style="vertical-align: top;"><img alt="" src="Image/bordure_onglet_actife_haut.png" style="width: 100%; height: 7px;"><br></td>
            </tr>
 
            <tr>
                <td style="background-color: rgb(254, 254, 254); text-align: center; height: 19px; vertical-align: top;"><font size="-1">Page 3</font></td>
            </tr>
 
            <tr>
                <td style="vertical-align: top;"><img alt="" src="Image/bordure_onglet_actife_bas.png" style="width: 100%; height: 6px;"><br></td>
            </tr>
        </tbody>
        </table>
    </td>
    <td style="width: 13px; vertical-align: top; height: 32px;"><img alt="" src="Image/bordure_onglet_actife_droite.png" style="width: 13px; height: 32px;"></td>
    <td style="vertical-align: top; height: 32px;">
        <table style="width: 100%; text-align: left;" border="0" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td style="vertical-align: top;"><img alt="" src="Image/bordure_onglet_inactife_haut.png" style="width: 100%; height: 7px;"><br></td>
            </tr>
 
            <tr>
                <td style="background-color: rgb(249, 249, 249); text-align: center; height: 19px; vertical-align: top;"><font size="-1">Page 4</font></td>
            </tr>
 
            <tr>
                <td style="vertical-align: top;"><img alt="" src="Image/bordure_onglet_inactife_bas.png" style="width: 100%; height: 6px;"><br></td>
            </tr>
        </tbody>
        </table>
    </td>
 
    <td style="width: 13px; vertical-align: top; height: 32px;"><img alt="" src="Image/bordure_onglet_inactife_separation.png" style="width: 13px; height: 32px;"></td>
    <td style="vertical-align: top; height: 32px;">
        <table style="width: 100%; text-align: left;" border="0" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td style="vertical-align: top;"><img alt="" src="Image/bordure_onglet_inactife_haut.png" style="width: 100%; height: 7px;"></td>
            </tr>
 
            <tr>
                <td style="background-color: rgb(249, 249, 249); text-align: center; height: 19px; vertical-align: top;"><font size="-1">dergnier onglet</font></td>
            </tr>
 
            <tr>
                <td style="vertical-align: top;"><img alt="" src="Image/bordure_onglet_inactife_bas.png" style="width: 100%; height: 6px;"></td>
            </tr>
        </tbody>
        </table>
    </td>
 
    <td style="width: 13px; vertical-align: top; height: 32px;"><img alt="" src="Image/bordure_dernier_onglet_inactife_droite.png" style="width: 13px; height: 32px;"></td>
    <td style="width: 100%; vertical-align: top;">
        <table style="height: 32px; width: 100%; text-align: left;" border="0" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td style="vertical-align: top;"><img alt="" src="Image/bordure_pas_onglet_haut.png" style="width: 100%; height: 7px;"></td>
            </tr>
 
            <tr>
                <td style="height: 19px; background-color: rgb(245, 245, 245); vertical-align: top;"></td>
            </tr>
 
            <tr>
                <td style="vertical-align: top;"><img alt="" src="Image/bordure_pas_onglet_bas.png" style="width: 100%; height: 6px;"></td>
            </tr>
        </tbody>
        </table>
    </td>
</tr>
</tbody>
</table>
</body>
</html>

Merci pour votre aide.

**trotters213** · 14/02/2007, 09h52

Je pense qu'il serait plus judicieux que tu envisage une mise en page à base de div et de CSS plutôt qu'avec un tableau parce que ton code est assez illisible (et lourd).

Sinon je pas bien compris ton problème d'espace, tu peux reformuler stp ?

**nezdeboeuf62** · 15/02/2007, 10h22

si tu veux faire ca absolument dans un tableau, il faut rajouter la propriete "nowrap" dans les cellules ou tu ne veux pas de retour a la ligne.

mais moi aussi je te conseille de travailler le plus possible en <div>

**Ekinoks** · 15/02/2007, 23h00

Merci pour vos réponses.

Ok, je vais réfléchir à utiliser les <div> alors, mais quel sont les avantages des <div> par rapport aux tableaux ?

**blueice** · 16/02/2007, 07h04

Ils servent à la mise en page, alors que les tableaux sont là pour présenter des données tabulaires.

**trotters213** · 16/02/2007, 09h03

Envoyé par blueice

Ils servent à la mise en page, alors que les tableaux sont là pour présenter des données tabulaires.

Je rajouterais que cela alourdit ton code (car multiplication des balises nécessaires à la déclaration d'un tableau) et qu'en plus de l'alourdir, ça le rend assez illisible.

**Franck94** · 16/02/2007, 15h04

Bonjour a tous.

On peut également utiliser la balise nobr

Code :

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

<nobr>Mon texte très très long, sur une ligne</nobr>

Note : Des barres de défilement horizontaux risque d'apparaître.

Franck.

**Ekinoks** · 16/02/2007, 17h36

Ok !
Merci pour toutes vos réponses =)

**trotters213** · 17/02/2007, 06h22

Envoyé par Franck94

Bonjour a tous.

On peut également utiliser la balise nobr

Code :

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

<nobr>Mon texte très très long, sur une ligne</nobr>

Cette balise n'est pas aux normes du W3C

[W3C] Désactiver les sauts à la ligne automatique ?

HTML

Discussions similaires

Partager

Partager