Bonjour,
J'ai un problème sur mon site. J'ai un menu vertical à gauche et des éléments à droite de ce menu. Les éléments sont très bien affichés jusqu'à ce qu'ils passent sous le menu et à ce moment-là, ils ont des tailles très différentes.
Voici la page en question : http://baptiste-wicht.developpez.com/tutoriels/java
J'aimerais donc que les éléments qui sont après le menu prenne toute la largeur de l'espace possible comme le 7 tutoriel qui est affiché.
J'ai essayé en spécifiant une taille de 100, mais à ce moment là, ils sont tous affichés après le menu et j'ai un gros trou à droite du menu.
Voici le CSS pour le menu et le div de contenu qui englobe tous les table des tutoriels.
Voici le table pour un tutoriel (répété x fois) :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 div#menu { width:150px; float:left; padding-top:20px; padding-left:20px; padding-right:20px; } div#content { text-align:justify; margin-left:20px; }
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <table class="object" cellpadding="0" cellspacing="0"> <tr> <td class="topLeft" style="color:#FFFFFF;" width="80%">....</td> <td class="topRight" style="color:#FFFFFF;" width="20%">...</td> </tr> <tr> <td colspan="2">...</td> </tr> <tr> <td class="bottomLeft">...</td> <td class="bottomRight">...</td> </tr> </table>
et les propriétés CSS du tableau :
Est-ce que quelqu'un voit une solution ?
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 table.object{ background:#FAFAFA; border: 1px solid #000000; } td.topLeft{ background-color: #5272A9; text-align:left; border-bottom: 1px solid #000000; padding: 2px; } td.topRight{ background-color: #5272A9; text-align:right; border-bottom: 1px solid #000000; padding: 2px; } td.bottomLeft{ text-align:left; border-top: 1px solid #000000; padding: 2px; } td.bottomRight{ text-align:right; border-top: 1px solid #000000; padding: 2px; }
Merci d'avance.
Partager