Page 1 sur 1

[Résolu] SPAN qui passe à la ligne

Publié : 30 oct. 2007, 19:11
par yann51
Je sis en train de faire un calendrier à la iCAL permettant de gérer l'agenda de plusieurs personnes en même temps.
Dans ma page, j'ai donc un DIV qui contient une série de SPAN (un pas utilisateur) et enfin dans chaque SPAN, un tableau représentant les jours. du mois.

Structure :

Code : Tout sélectionner

<div>
    <span>
        <table>
           .
           .
           .
       </table>
    </span>
    <span>
        <table>
           .
           .
           .
       </table>
    </span>
</div>
A l'affichage mes SPAN ne sont pas alignés les uns à coté des autres mais comme des DIV, les uns en dessous des autres.

Si quelqu'un a une idée

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr-fr) AppleWebKit/523.10.3 (KHTML, like Gecko) Version/3.0.4 Safari/523.10

Publié : 30 oct. 2007, 19:59
par nico@nc
Bonjour,

Tu as un exemple en ligne ? Sinon, indique aussi ce que tu as dans ta feuille de style.

Publié : 30 oct. 2007, 21:03
par yann51
Désolé toutes les page sont sur un serveur distant

sinon pour la CSS

c'est plutôt basique

Pour la div :
width: 100%;
padding: 0px;
margin: 0px;

pour les span rien pour l'instant :wink:

pour les table :
border-collapse: collapse;
border-style: none;
width: 150px;


Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr-fr) AppleWebKit/523.10.3 (KHTML, like Gecko) Version/3.0.4 Safari/523.10

Publié : 30 oct. 2007, 23:55
par Benoit
On ne peut pas mettre d'éléments table (type bloc) dans des span (type en-ligne). Le validateur te l'aurait dit.

Pour avoir l'effet que tu veux il suffit probablement d'enlever les span et de faire flotter tes éléments table qui sont dans le div :

Code : Tout sélectionner

div table { float: left; }

Publié : 31 oct. 2007, 11:52
par yann51
Benoit a écrit :On ne peut pas mettre d'éléments table (type bloc) dans des span (type en-ligne). Le validateur te l'aurait dit.

Pour avoir l'effet que tu veux il suffit probablement d'enlever les span et de faire flotter tes éléments table qui sont dans le div :

Code : Tout sélectionner

div table { float: left; }
Pour les tables dans des span je m'en suis aperçu hier soir.

Sinon je viens d'ajouter div table { float: left; } à ma CSS et c'est nickel

Merci beaucoup

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr-fr) AppleWebKit/523.10.3 (KHTML, like Gecko) Version/3.0.4 Safari/523.10