Discussion :

[Renovatio]

Bonjour à tous.

Je vais tâcher de ne pas faire la même erreur que lors de mon premier post. Je souhaite déplacer un texte d'environ 25px sur la droite, or je trouvais fort pratique d'utiliser la balise td. Mais ce n'est pas propre, dixit le W3C. Je cherche donc à remplacer ceci:

Code :

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

1
2
 
<td width="27" class="masthead-divider">&nbsp;&nbsp;&nbsp;&nbsp;</td>

.... qui me décale mon texte sur la droite, par la même chose mais peut-être en css. Voici le code css concernant cette portion de texte:

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
 
 86 #menu {
 87         background:url(../img/menul.png) repeat-x;
 88         height:25px;
 89         width:100%;
 90         position:fixed;
 91         margin-top:47px;
 92         margin-left:44px;
 93         color:#fff;
 94         font-size:13px;
 95         font-variant:small-caps;
 96         text-align:left;  
 97         padding-top:3px;
 98         padding-left:20px;
 99 }
100 
101 #menu a:link {
102         background-color:inherit;
103         color:#fff;
104         text-decoration:none;
105 }       
106 
107 #menu a:visited {
108         background-color:inherit;
109         color:#fff;
110         text-decoration:none;
111 }       
112 
113 #menu a:hover {
114         background-color:inherit;
115         color:#fff;
116         text-decoration:underline;
117 }

Voici la partie html concernée:

Code :

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

1
2
3
4
5
6
 
<div id="menu">
 21                         <a href="index.htm">accueil</a>
 22                         <td width="27" class="masthead-divider">&nbsp;&nbsp;&nbs    p;&nbsp;</td>
 23                         <a href="prods.htm">section1</a>
 24                 </div>

Je recours donc à votre aide car je ne vois pas quelle balise utilisée. (de préférence du css)

Merci de votre aide.

ps: j'espère n'avoir pas pasté trop de code ce coup-ci :/.

[MxPx_23]

Je crois que tu peux simplement ajouter un 'margin-right' à ton premier anchor accueil.

Code :

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

<a href="index.htm" style="margin-right: 27px;">accueil</a>

[1tsiMat]

Rajouter un margin ou mettre un <td width="talargeur">&nbsp;</td> pour qu'une case vide apparaisse ... C'est une solution comme une autre

[SpaceFrog]

oui mais un td sans table ni tr ?

[laurentdusseau]

C'est la remarque que je me faisais. Pourquoi un td dans un div? Où sont les autres balises de ton tableau ...

[1tsiMat]

On est à la ligne 21 on a pas de tableau avant vous croyez?