Décalage dans la PA

[Meladu45]

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 :


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
Bref voilà en gros, merci d'avance

Bonne soirée.

[Roxy.]

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,

[Meladu45]

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

[Roxy.]

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,

[Meladu45]

Re

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

Cordialement.

[Roxy.]

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,

[Meladu45]

Re,

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

Bonne soirée