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

[gaspar]

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

[Neptunia]

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  

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.)

[gaspar]

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 !!!

[Chacha]

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