Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Contenu d'une DIV, qui retourne à la ligne à chaque espace

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Contenu d'une DIV, qui retourne à la ligne à chaque espace

Message par gaspar le Mer 29 Mar 2017 - 13:52

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://ddaynormandy.keumforum.com

Description du problème

Bonjour à tous !

J'en ai presque fini avec mon fameux menu déroulant haha :p

Donc le problème est, que j'aimerais bien que la largeur de ma div s’adapte à son contenu. Le problème, c'est que mon contenu retourne à la ligne à chaque espace, résultant sur un très étroite et haute.

Voici mon codde :
Code:
<div class="mainderoulant">  Support
    <span>
          <a href="/Manuel-h2.htm" target="_top">Manuel</a><br />
        <a href="http://www.quakeservers.net/quake2/servers/t=dday/so=8/" target="_top">Serveurs</a><br />
        <a href="/h3-support-irc" target="_top">Discution instantannée IRC</a><br />
        <a href="http://www.ddaydev.com/bugtracker/" title="Bug tracer for DDayDev servers" target="popup">Bug tracer</a><br />
        <a href="http://www.ddaydev.com/forum/" title="Forum anglophone du jeu." target="popup">Forum DdayDev</a><br />
    </span>
</div>

Et voici mon css :
Code:

div.mainderoulant {
float: left;
position: relative;
margin-left: 5px;
text-shadow: 2px 4px 8px #000;
}
div.mainderoulant span {
display: none;
}
div.mainderoulant:hover {
background: none;
z-index: 999;
}
div.mainderoulant:hover span{
display: inline;
  position:absolute;
top: 30px;
left: 0px;
  box-shadow:  0px 0px 5px #00000;
    background-image: url('https://i58.servimg.com/u/f58/11/14/34/43/bgrd210.png');
  background-repeat: repeat;
    color : #99CCCC;
}
avatar

gaspar
*****

Masculin
Messages : 857
Inscrit(e) le : 03/01/2006

http://ddaynormandy.keumforum.com
gaspar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu d'une DIV, qui retourne à la ligne à chaque espace

Message par Neptunia le Mer 29 Mar 2017 - 14:36

Bonjour ^^


A vrai dire, je ne sais pas d'où vient ce problème et du coup il y a probablement une solution plus simple que celle que je vous donne.

Pour la partie html du code, utilisez :
Code:
   <div class="mainderoulant">  Support
      <span>
         <a href="/Manuel-h2.htm" target="_top">Manuel</a><br />
         <a href="http://www.quakeservers.net/quake2/servers/t=dday/so=8/" target="_top">Serveurs</a><br />
         <a href="/h3-support-irc" target="_top">Discussion&nbsp;instantanée&nbsp;IRC</a><br />
         <a href="http://www.ddaydev.com/bugtracker/" title="Bug tracer for DDayDev servers" target="popup">Bug&nbsp;tracer</a><br />
         <a href="http://www.ddaydev.com/forum/" title="Forum anglophone du jeu." target="popup">Forum&nbsp;DdayDev</a><br />
      </span>
   </div>

1/ J'ai remplacé les espaces en début de ligne par des tabulations, toutefois le problème ne vient pas de là.
2/ J'ai remplacé les espaces à l'intérieur du texte du lien par &nbsp;

Par exemple :
<a href="/h3-support-irc" target="_top">Discution instantanée IRC</a><br />
est devenu
<a href="/h3-support-irc" target="_top">Discussion&nbsp;instantanée&nbsp;IRC</a><br />

(Au passage discussion prend deux s et instantanée un seul n.)
avatar

Neptunia
Membre actif

Féminin
Messages : 13609
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu d'une DIV, qui retourne à la ligne à chaque espace

Message par gaspar le Mer 29 Mar 2017 - 15:04

Ha j'avoue c'est tout bête, il y a tellement longtemps que je ne me suis pas servi de ça que je n'y aurais jamais pensé tous seul !

C'est bon comme ça pour moi, merci beaucoup !!!
avatar

gaspar
*****

Masculin
Messages : 857
Inscrit(e) le : 03/01/2006

http://ddaynormandy.keumforum.com
gaspar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu d'une DIV, qui retourne à la ligne à chaque espace

Message par Chacha le Jeu 30 Mar 2017 - 9:52

@gaspar a écrit:Ha j'avoue c'est tout bête, il y a tellement longtemps que je ne me suis pas servi de ça que je n'y aurais jamais pensé tous seul !

C'est bon comme ça pour moi, merci beaucoup !!!
Bonjour,

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu et enregistrer
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 57011
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum