[Résolu] SPAN qui passe à la ligne

[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

[nico@nc]

Bonjour,

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

[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

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

[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; }

[yann51]

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