Hello
je voudrais faire un bandeau au dessus d'un tableau avec à gauche un mini menu recherche et à droite 2 raccourcis.
Pour cela j'utilise les div (pas de tableau) et les span imbriqués.
Voici mon code :
et mes css associés :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <div> <div class="recherche"> Recherche : <input type="text" name="recherche" maxlength="" size="20" value=""/> <input type="submit" value="Go" onclick="" class="button" /> </div> <div class="liens"> <span class="liens"><a href="MaListeAbonnement.html" class="liens">Mes thèmes</a></span> <span class="liens"><a href="#" class="liens" onclick="selectAll()">Tout</a></span>/ <span><a href="#" class="liens" onclick="unselectAll()">Aucun</a></span> </div> </div>
Le souci est que mes div restent désespéremment à gauche....
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 div.liens { float:right; right:0px; display:inline; } div.recherche { float:left; left:0px; display:inline; } span.liens { right:0px; text-align: right; } span.recherche { left:0px; text-align: left; }
Si je supprime le display:inline dans mes div.xxx, le positionnement se fait bien mais mon bandeau est sur 2 lignes....
j'ai essayé de remplacer mes div par des span, de jouer sur les tailles des div avec des %, ..., ça change rien.
bref, j'ai l'impression que le fait d'utiliser le param display=inline dans les div supprime toute autre manipulation
Quelqu'un aurait-il des lumières à ce sujet ?
PS : j'ai aussi
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 span { display: inline; }
Partager