Décalage dans la PA

2 participants

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

Résolu Décalage dans la PA

Message par Meladu45 Lun 9 Juil 2012 - 22:51

Bonjour,

Tout d'abord, excusez-moi pour le titre, mais je ne savais pas quoi mettre. ^^
Donc en fait je souhaiterais que le texte de ma PA soit à gauche, j'ai donc mis des "left" et tout et tout (désolée je ne sais pas comment dire) mais ça ne change rien. ^^

Voilà le texte que je voudrais décaler à gauche :
Décalage dans la PA Problemek

voici mon css :
Code:
.boiteta3{
    color: #002E52;
  text-align: left;
  height:100px;
  background: #7F9EC7;
  border : 2px solid #E0EAFF;
  padding:3px;
  margin:5px;
  font-size:12px;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  border-style: dotted;
}

et mon html :
Code:
<tr>
<td width="325"><div class="titreta2">Nouveautés</div><div class="boiteta3">
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script><div id="scroller_container"><div class="jscroller2_up jscroller2_speed-30 jscroller2_mousemove">

 
<span style="text-align: left;"><ul>
<li>Le 06/07, Ester devient modératrice de la section "Présentations".</li>
<li>Le 05/05, sosso9 devient modératrice du forum.</li>
<li></li>
</ul></span>

 </div>
</div>
</div>
</td>

Mais le texte ne veut pas se mettre à gauche Sad
Bref voilà en gros, merci d'avance Smile

Bonne soirée. Wink


Dernière édition par Meladu45 le Mar 10 Juil 2012 - 21:11, édité 1 fois
avatar

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage dans la PA

Message par Roxy. Mar 10 Juil 2012 - 8:52

Bonjour,
Ce que vous devriez essayer de faire et la suivante :
Vous créez une class à votre span donc par exemple :
Code:
<span class="bloc_message"style="text-align: left;"><ul>
<li>Le 06/07, Ester devient modératrice de la section "Présentations".</li>
<li>Le 05/05, sosso9 devient modératrice du forum.</li>
<li></li>
</ul></span>

Puis dans le css, vous ouvrez cette variable :
Code:
.bloc_message{}

Pour choisir la position du bloc utilisez ceci :
Code:
margin: 0px 0px 0px 0px;
Le premier 0 gère la marge du haut, le deuxième celle de droite, le troisième celle du bas et le quatrième celle de gauche. A vous de tester en changeant les valeurs. De préférence, du deuxième zéro.
Ce qui vous donne comme code à la fin :
Html :
Code:
<tr>
        <td width="325"><div class="titreta2">Nouveautés</div><div class="boiteta3">
        <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script><div id="scroller_container"><div class="jscroller2_up jscroller2_speed-30 jscroller2_mousemove">
       
       
        <span class="bloc_message"style="text-align: left;"><ul>
        <li>Le 06/07, Ester devient modératrice de la section "Présentations".</li>
        <li>Le 05/05, sosso9 devient modératrice du forum.</li>
        <li></li>
        </ul></span>
       
        </div>
        </div>
        </div>
        </td>

Css :
Code:
.boiteta3{
            color: #002E52;
          text-align: left;
          height:100px;
          background: #7F9EC7;
          border : 2px solid #E0EAFF;
          padding:3px;
          margin:5px;
          font-size:12px;
          -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
          border-style: dotted;
        }
.bloc_message {
margin: 0px 0px 0px 0px;
}

Cordialement,
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage dans la PA

Message par Meladu45 Mar 10 Juil 2012 - 17:17

Bonjour,

Merci de votre réponse.
Mais je ne comprends pas, le texte ne veut toujours pas bouger, j'ai pourtant fait ce que vous avez dit...
C'est comme s'il y avait quelque chose qui empêchait le texte de bouger.

Merci quand même.
Bonne soirée Wink
avatar

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage dans la PA

Message par Roxy. Mar 10 Juil 2012 - 19:13

Re,
Dans votre css de la partie 'boiteta3' supprimez ceci :
Code:
padding: 3px;

Dîtes moi si cela fonctionne, normalement le problème vient de là.

Cordialement,
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage dans la PA

Message par Meladu45 Mar 10 Juil 2012 - 20:13

Re Smile

Eh non, toujours pas, malheureusement..
Je ne comprends vraiment rien.

Cordialement.
avatar

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage dans la PA

Message par Roxy. Mar 10 Juil 2012 - 20:19

Re,
Hum je viens de me rendre compte que vous aviez mis en place une liste puce. Lorsque vous en placez une, cela décale un peu votre texte de la marge. Exemple :
  • Blabla

Résultat, c'est normal que vous rencontriez ce problème. Si vous supprimez les ul et li et dès que vous voulez allez à la ligne, placez
Code:
<br>
normalement tout fonctionnera correctement.

Cordialement,
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage dans la PA

Message par Meladu45 Mar 10 Juil 2012 - 20:21

Re,

Aaaaah c'est donc ça ^^'
Merci infiniment pour votre aide Very Happy

Bonne soirée Wink
avatar

Meladu45
***

Féminin
Messages : 100
Inscrit(e) le : 17/02/2012

http://secondsouffle.forums-actifs.com/
Meladu45 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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