28220 sujets

CSS et mise en forme, CSS3

Bonjour, dans l'optique je voudrais éviter d'utiliser un div pour afficher des portions de code alors j'ai pensé tout simplement à mettre le tout dans la balise <code>. Voici mon code :
.console {
border-left : 6px solid #90b662;
border-top : 1px solid #90b662;
border-right : 1px solid #90b662;
border-bottom : 1px solid #90b662;

margin-bottom : 5px;
margin-top : 5px;
padding : 8px;
font-family : monospace;

background-color : #def0c8;
color : #87a861;
}

code {
border-left : 6px solid #90b662;
border-top : 1px solid #90b662;
border-right : 1px solid #90b662;
border-bottom : 1px solid #90b662;

margin-bottom : 5px;
margin-top : 5px;
padding : 8px;
font-family : monospace;

background-color : #def0c8;
color : #87a861;
}

Comme vous pouvez le voir, j'appelle <div class="console">blabla</div> pour afficher du code sur plusieurs lignes et ça marche bien. Avec <code>blabla</code> c'est affreux, il applique le style à chaque ligne, voir : http://stationlinux.org/devel/voirArticle.php5 (ce qui marche bien est le div, les moches sont les <code>).

Quelqu'un pourrait il m'aider et m'expliquer pourquoi ça fait cela ?
Modifié par bosozoku (05 Nov 2005 - 11:48)
Bonjour,
peut-être que ça vient du fait que <div> est un élément bloc et que <code> est un élément ligne ?

Essaie à tout hasard de rajouter display:block;