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 : 852
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 : 12008
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 : 852
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


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

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

http://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