class et dimension

Version imprimable

class et dimension

Bonjour je n'arrive pas à dimensionner une class, en effet voici le code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<head> 
        <style type="text/css">
               .corpsg{
                         width:80px;
                         height:400px;
                         border-style:solid;
                         background-color:yellow;
                         }
                .corpsd{
                          width:20px;
                          height:400px;
                          border-style:solid;}
         </style>
</head>
<body>
<div id="corps">
<span class="corpsg"></span><span class="corpsd"></span>
</div>
</body>

Dans ce cas je n'arrive pas à dimensionner mes class ici "corpsg" et "corpsd", quand je met width et height ça me le prend pas en compte comment faire pour attribuer une largeur et une hauteur à mes class?

13/02/2008, 16h02
beeboo

Salut,
Ton problème vient du fait que tu appliques ta class à un élément de type inline <span> qui n'a donc pas de dimensions il faut donc que tu ajoutes la propriété display:block; pour que les dimensions soient prises en compte.
13/02/2008, 16h06
le-baron

Problème de ligne

Merci mais le problème est que si j'attribue display:block; alors mes blocs vont se mettre l'un en dessous de l'autre. Mais moi je veux qu'il soit l'un à côté de l'autre et que l'un fasse 80% de la largeur et l'autre 20% comment faire?
13/02/2008, 16h10
beeboo

Alors il faut rajouter la propriété float:left; pour que les éléments se posent l'un à coté de l'autre.
13/02/2008, 16h17
le-baron

Merci une dernière

Merci beaucoup et je voulais savoir si on peut faire deux menus un à droite et l'autre à gauche et une partie centrale au milieu qu'avec des span?
Parce que je viens de faire ça à celui de droite j'ai mis float:right; et à celui de gauche float:left; mais lorsque j'écris sur le span central ça me décale celui de droite comment faire pour que ça ne se déplace pas vers le bas ?