A n'y rien comprendre .....

Général
1

Bonjour tout le monde !
J'aurais besoin de l'avis d'un expert .....

Voilà, sur le site multicomédie (en spip), j'ai un souci d'alignement
des photos.
Sous Mozilla no souci mais sous IE, c'est la cata.

Tenez regardé ici, vous comprendrez mieux :wink:
http://www.multicomedie.com/Le-Slide-Studio

Sous Mozilla, l'image s'aligne à droite sur tous les paragraphes.
Sous IE, l'image s'aligne à droite uniquement par rapport au premier
paragraphe puis crée un espace de plusieurs lignes.

La classe est toute bête :

.spip_documents{

margin:0px 5px 0px 5px;
}

.spip_documents_center{

     margin: auto;
     text-align: center;
    /* width: 80%;*/
}

.spip_documents_left{

     float: left;
     margin-top: 1%;
     margin-right: 2%;
     margin-bottom: 0%;

     text-align: center;
}

.spip_documents_right{

     float: right;
     margin-left: 2%;
     margin-right: 1%;
     margin-top: 1%;
     margin-bottom: 0%;
     text-align: center;
}

J'ai essayé des tonnes de choses, j'ai vérifié mes validations ....
mais rien n'y fait j'ai toujours cet espace en trop.

De plus, je ne comprends pas pourquoi Spip rajoute la classe
'spip_logos' aux images. Où se trouve cette classe et que fait-elle ?

Merci si vous pouvez m'aider à y voir plus clair !
Emmanuelle

2

Bonjour tout le monde !
J'aurais besoin de l'avis d'un expert .....

Voilà, sur le site multicomédie (en spip), j'ai un souci d'alignement
des photos.
Sous Mozilla no souci mais sous IE, c'est la cata.

Tenez regardé ici, vous comprendrez mieux :wink:
http://www.multicomedie.com/Le-Slide-Studio

Sous Mozilla, l'image s'aligne à droite sur tous les paragraphes.
Sous IE, l'image s'aligne à droite uniquement par rapport au premier
paragraphe puis crée un espace de plusieurs lignes.

La classe est toute bête :

.spip_documents{

margin:0px 5px 0px 5px;
}

.spip_documents_center{

     margin: auto;
     text-align: center;
    /* width: 80%;*/
}

.spip_documents_left{

     float: left;
     margin-top: 1%;
     margin-right: 2%;
     margin-bottom: 0%;

     text-align: center;
}

.spip_documents_right{

     float: right;
     margin-left: 2%;
     margin-right: 1%;
     margin-top: 1%;
     margin-bottom: 0%;
     text-align: center;
}

J'ai essayé des tonnes de choses, j'ai vérifié mes validations ....
mais rien n'y fait j'ai toujours cet espace en trop.

De plus, je ne comprends pas pourquoi Spip rajoute la classe
'spip_logos' aux images. Où se trouve cette classe et que fait-elle ?

Merci si vous pouvez m'aider à y voir plus clair !
Emmanuelle

Bonjour,
j pense que c est ton :
#txt h3 {....
  width: 450px;
}
qui va pas bien... essaye de reduire la taille, et si marche pas de mettre un
display:inline
triton

3

Sur spip, comment faire pour afficher le nombre de connectés en direct sur
le blog

Comme sur d'autres blogs , par exemple " Il y a actuellement [15]
personnes connectées sur ce blog."

J'avais sur mon précédent blog en html un script javascript qui faisait ca

Merci

A bientot,

Olivier Quenec'hdu
_____________________________
E-mail olivier@quenechdu.com
Web http://www.quenechdu.com

4

Salut,
d'une manière générale, pour IE, amha, les 2 plus gros problemes sont :
- bug float : il faut rajouter un position: relative; partout ou il y a un float.
- interpretation des padding : IE ajoute le padding à la taille des zones, donc j'ai tendance à mettre un _padding: 0px; quand ca coince (le plus simple etant d'utiliser un border invisible plutot qu'un padding)

Je ne sais pas si c'est le probleme, mais si ca peut aider...

@++

emmanuelle roux a écrit :

Bonjour tout le monde !
J'aurais besoin de l'avis d'un expert .....

Voilà, sur le site multicomédie (en spip), j'ai un souci d'alignement
des photos.
Sous Mozilla no souci mais sous IE, c'est la cata.

Tenez regardé ici, vous comprendrez mieux :wink:
http://www.multicomedie.com/Le-Slide-Studio

Sous Mozilla, l'image s'aligne à droite sur tous les paragraphes.
Sous IE, l'image s'aligne à droite uniquement par rapport au premier
paragraphe puis crée un espace de plusieurs lignes.

La classe est toute bête :

.spip_documents{

margin:0px 5px 0px 5px;
}

.spip_documents_center{

     margin: auto;
     text-align: center;
    /* width: 80%;*/
}

.spip_documents_left{

     float: left;
     margin-top: 1%;
     margin-right: 2%;
     margin-bottom: 0%;

     text-align: center;
}

.spip_documents_right{

     float: right;
     margin-left: 2%;
     margin-right: 1%;
     margin-top: 1%;
     margin-bottom: 0%;
     text-align: center;
}

J'ai essayé des tonnes de choses, j'ai vérifié mes validations ....
mais rien n'y fait j'ai toujours cet espace en trop.

De plus, je ne comprends pas pourquoi Spip rajoute la classe
'spip_logos' aux images. Où se trouve cette classe et que fait-elle ?

Merci si vous pouvez m'aider à y voir plus clair !
Emmanuelle