Gestion de Contenu, de Communauté et de groupes de travail collaboratif - Open Source, français, sécurisé, stable et performant

  • MODULES

    Pour étendre les nombreuses fonctionnalités disponibles de base - modules.npds.org est à votre disposition.

    Des modules complémentaires, une communauté de développeurs active, des forums pour vos questions ... NPDS  est aussi une plateforme de développement !

  • STYLES

    Vous cherchez des thèmes graphiques pour votre portail ou votre communauté : styles.npds.org est à votre disposition.

    Des thèmes du plus simple au plus sophistiqué. Des thèmes facilement modifiables et toujours en Open-Source - Laissez simplement parler votre imagination !

  • BIBLES

    La documentation indispensable pour personnaliser et exploiter toute la puissante de NPDS  est à votre disposition sur bible.npds.org.

    Vous pouvez participer à l'effort de documentation - rien de plus simple : contactez un membre de la Team de développement et nous vous ouvrirons un compte sur le Wiki !
Devenir membre    |    Identifiant : Mot de Passe : -
Au delà de la gestion de contenu 'classique', NPDS met en oeuvre un ensemble de fonctions spécifiquement dédiées à la gestion de Communauté et de groupes de travail collaboratif.
Il s'agit d'un Content & Community Management System (CCMS) robuste, sécurisé, complet, performant et parlant vraiment français.

Gérez votre Communauté d'utilisateurs, vos groupes de travail collaboratif, publiez, gérez et organisez votre contenu grâce aux puissants outils disponibles de base.
  • Multi langues (Français, Anglais, Allemand, Espagnol, Chinois)
  • Respect des standards : UTF8, XHTML, CSS, ...
  • Système de blocs avancés
  • Installation et administration complète et centralisée
  • Editeur HTML intégré
  • Gestionnaire de fichier en ligne
  • Gestion des groupes de membres
  • Ecriture collaborative de documents (PAD)
  • Forums évolués
  • Mini-sites (pour les membres et les groupes de travail)
  • Chat temp réel
  • Système de News et de rubriques complet (édition, révision, publication)
  • ...
Gratuit et libre (Open-Source), développé en PHP, NPDS est personnalisable grâce à de nombreux thèmes et modules et ne requiert que quelques compétences de base.
NPDS Workplace - groupe de travail collaboratif
 NPDS WorkSpace - tous l'univers du travail collaboratif.
Modéré par : developpeur jpb Jireck 
Index du Forum » » Le coin des codeurs » » [Résolu] - Infobulle avec image
Auteur[Résolu] - Infobulle avec image
xyzold
0  

xyzold
  Posté : 30-03-2008 13:42

Bonjour à tous

Je viens de trouver un script en CSS afin d'afficher sur un lien
une infobulle avec image. L'ensemble fonstionne très bien sous Evolution
Le seul problème est l'affichage de l'image dû je suppose à la fonction
"position: absolute;" du fichier CSS.
En effet l'image s'affiche au centre de la page et ce qui pause
probleme si c'est une longue page, l'utitisateur ne voie plus
l'image par exemple sur un lien en bas de page.

Comment modifier le code du fichier CSS pour que l'image
s'affiche au niveau du lien et non pas suivant la fonction
"position: absolute;"

Si vous avez une solution avec un exemple je suis preneur

Merci

Code de l'infoBullz



Dans le HTML
<a class="bulle" href="audauxstory.htm"><img src="Images/historique.jpg" border=0><span>Historique d'Audaux<img src="vignettes/audaux.JPG"/></span></a>

Dans le fichier CSS
a.bulle span{
display: none;
}

a.bulle:hover{
background: none; /*contournement bug IE*/
}

a.bulle:hover span{
display: inline;
position: absolute;
top: 213px;
left: 500px;
background: #fc9;
text-align: center;
text-decoration: none;
color: blue;
padding: 0.2em;
BORDER-RIGHT: black 1px solid;
BORDER-TOP: black 1px solid;
BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid;
}


N

Message édité par : Newdev / 30-03-2008 16:13

  Profil  
canasson
873      
 

canasson
  Posté : 30-03-2008 18:21

Une tite recherche sur "position: absolute;" devrait vite te mettre sur le chemin de "top: 213px; et left: 500px;"
  Profil  E-mail  www  
Jireck
8461       

Jireck
  Posté : 30-03-2008 19:25

moi je fais pas comme ca
  Profil  
xyzold
0  

xyzold
  Posté : 31-03-2008 10:54

Citation : Jireck 

moi je fais pas comme ca  

Si j'ai bien compris je dois utiliser "position: relative ;"
Si vous pouvez m'expliquer la difference

Jireck, tu fais comment

Merci
  Profil  
xyzold
0  

xyzold
  Posté : 01-04-2008 12:46

Bonjour,

J'ai teste avec "position: relative ;" et "position: absolute ;" et cela ne correspond pas à mes besoin.

En fait ce que je souhaite c'est que l'infobulle
s'affiche au niveau du lien et non pas suivant la fonction
"position: absolute;" ou "position: relative ;"

J'ai fais des recherches et ma question reste sans réponses

Merci
  Profil  
oim
1453       
 

oim
  Posté : 01-04-2008 12:56

Salut,



A.ag_pop
{

    position:relative;
    text-decoration: none;
    font-weight: bold;

}

A:hover.ag_pop
{

    text-decoration: none;
    background: none;

}

A.ag_pop span
{

    display: none;

}

A:hover.ag_pop span
{

    display: inline;
    text-align:left;
    position: absolute;
    bottom:1em;
    right:3em;
    z-index: 20;
    background: #FEE5B3;
    color: #000;
    border:1px solid #000;
    width:160px;
    font-weightold;
    font-size: 15px;
    line-height:20px;
    padding:10px;

}





    echo '<a href="lien" class="ag_pop"><span>texte</span></a>';

  Profil  www  
xyzold
0  

xyzold
  Posté : 01-04-2008 13:19

Merci, je vais tester

N
  Profil  
Sauter à :

Temps : 0.0143 seconde(s)