Discussion :

[stephweb]

Bonjour,
J'ai quelques question SVP concernant les tableaux.

En fait, dans une page, j'ai mis 2 tableaux cote à cote avec le code CSS: display:inline-block; vertical-align:top;
_Et maintenant, je souhaite régler l’espace entre les 2 tableaux (je souhaite les écarter un peu +), comment faire SVP? (je pense qu'avec du CSS c'est possible).
_Et aussi entre les 2 tableaux, lorsqu'on sélectionne avec la souris sur ma page, il y a un espace, ce qui est pas très élégant (voir photo ci-dessous), est-ce possible de le supprimer?.
ps: voici la page concerné que j'ai créé pour m'aider à apprendre le CSS: http://www.creerwebsite.com/tuto/css-developpement-web

Merci beaucoup

[valaendra]

Bonjour,

Bonjour,
je souhaite régler l’espace entre les 2 tableaux (je souhaite les écarter un peu +), comment faire SVP? (je pense qu'avec du CSS c'est possible).

margin (CSS).

lorsqu'on sélectionne avec la souris sur ma page, il y a un espace, ce qui est pas très élégant (voir photo ci-dessous), est-ce possible de le supprimer?.

Il faut regarder du coté de ton code HTML à mon avis (un espace entre </table> et <table> ???).

[stephweb]

OK merci,
non je n'avais pas mis d'espace entre les table.
du coup j'ai fait 2 blocs :
html:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<div id="bloc1et2">
    <div id="bloc1">
        <table class="tablemenucc">
            ici texte
        </table>
    </div>
    <div id="bloc2">
        <table class="tablemenucc">
            Ici texte
        </table>
    </div>
</div>

HTML:

Code :

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

1
2
3
#bloc1et2{ width:100%; }
#bloc1   { background-color:#eaeaea; float:left; width:50% }
#bloc2   { background-color:#cc0000; margin-left:50% ; }

et visiblement ça marche
merci