Sujets similaires

Bonsoir =)

J'ai une autre question en rapport avec mon nouveau qui est en ligne cette fois =)
Ma co admin designeuse m'a fait un qui est en ligne rond, d'habitude c'est en carré, donc pour positionner les groupes c'est impec, mais là ça ne me satisfait pas :

Positionnement groupe QEEL - RESOLU Onliner

Positionnement groupe QEEL - RESOLU Onliner

Je cherche a positionner mes groupes plus sur la gauche afin que ce soit centré mais rien a faire ><

Voila mon template : en caché xD

Si vous avez besoin de l'adresse je vous la donne en mp vu que c'est un test nouveau design Wink

Merci beaucoup si quelqu'un sait m'aider (a)

Ce que je te conseille de faire, c'est de jouer avec des

Code:: <br />

et des images en .png vides/transparentes pour positionner tes groupes comme tu l'entends.

Je m'explique, tu crées une image sur photoshop de par exemple Xpixels de largeur, avec un fond transparent, tu l'enregistres en .png, tu l'héberges pour ensuite la mettre devant ton groupe. Ce groupe se verra donc décaler d'exactement Xpixels ou un peu plus selon tes marges et autres propriétés. Ce qui est pratique avec cette technique, c'est que tu peux manuellement placer les groupes comme bon t'entends. Et qui plsu est, IE fera pas tout foirer pour une fois =).

Cordialement,

Argo

J'ai déjà joué sur les br effectivement pour placer mes groupes et le texte, donc je vais essayer de voir si j'arrive a faire ta technique (a)

Problème Résolu ?

je teste et je te dis ça

Pas de soucis =)

c'est gentil =)
Bon après test ça change rien du tout chez moi je sais pas si j'ai mal fait ou quoi :s

Est-ce que tu pourrais me donner le CSS rattaché à ton qui est en ligne s'il te plait ? Afin que j'essaye quelque chose ^^ Wink

Oui bien sur j'ai pas pensé tiens a toucher au css =)

Code:: .statistiques{
background-image: url("http://img685.imageshack.us/img685/6082/animation1dy.gif");
background-repeat: no-repeat;
background-position: center;
width: 850px;
height: 400px;
}
.groupes{
-moz-border-radius : 5px 5px 5px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none;
font-weight:bold;
font-size: 10px;
font-variant: small-caps;
}
.divstats1{
text-align: center;
width:400px;
}
.divstats2{
margin-left: 10px;
text-align: center;
height: 300px;
width:350px;
text-align: left;
}

J'ai une question xD
Les "connectés dans les dernières 24h", ils sont censés être placés ou ? Parce que là ils sont sous l'image Oo

Oui oui c'est fait exprès en fait ils sont mis comme ça
http://new-york-i-loveyou.forumactif.org/index.htm

D'accord xD
Alors j'ai testé ceci :

Code:: 
<table cellpadding="0" class="statistiques"><tr>
<td align="center" valign="top" width="400px" height="400px">

   <div style="text-align: center;">
   <span class="groupes">
   <a href="http://new-york-i-loveyou.forumactif.org/groupcp.forum?g=2" style="color:#ff0099;">.Drop in the Ocean .</a></span><br><br>
   <span class="groupes">
   <a href="http://new-york-i-loveyou.forumactif.org/groupcp.forum?g=5" style="color:#AD0778;">.Whiskey Lullaby .</a></span>
   <span class="groupes">
   <a href="http://new-york-i-loveyou.forumactif.org/groupcp.forum?g=6" style="color:#EFAAB5;">.Cupid .</a></span><br><br>

   <span class="groupes">
   <a href="http://new-york-i-loveyou.forumactif.org/groupcp.forum?g=4" style="color:#FF0537;">.You Found Me .</a></span>
   <span class="groupes">
   <a href="http://new-york-i-loveyou.forumactif.org/groupcp.forum?g=7" style="color:#bd7F7F;">.Kids .</a></span><br><br>

   <span class="groupes">
   <a href="http://new-york-i-loveyou.forumactif.org/groupcp.forum?g=3" style="color:#FF0066;">.Your Gardian Angel .</a></span><br><br>
   </div>

   <br>
   <span class="gensmall">
   <span id="kumao">{TOTAL_POSTS}</span>
   <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/,"Les People sont très bavards et on postés");</script><br>
   <span id="matt">{TOTAL_USERS}</span>
   <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre/,"People");</script><br>
   <span id="yosh">{NEWEST_USER}</span>
   <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent/,"Le nouveau People a la conquête d'Hollywood ");</script><br>
   {TOTAL_USERS_ONLINE}<br>
   {LOGGED_IN_USER_LIST}</span>
</td>

<td width="450px"></td>
</tr></table>
<table align="center" cellpadding="0" style="text align:justify; width: 850px;"><tr>
<td>
<span class="gensmall">{L_CONNECTED_MEMBERS}</span>
</td>
</tr></table>

En fait, j'ai modifié des choses dans le CSS et le template

Template :
J'ai coupé ton image en deux : une partie de 400 pixels pour le texte à gauche, et une partie à droite de 450px où y'a rien (donc, y'a deux "td")
Ensuite, j'ai retiré les class que tu avais mis "divstats1" et "divstats2"; qui en soit ne servaient pas à grand chose.
J'ai aussi retiré les "br" du début

CSS :
J'ai donc rajouté ce qui est en gras & retiré les deux "divstats1" et "divstats2"

Citation :: .statistiques{
background-image: url("https://2img.net/r/ihimizer/img685/6082/animation1dy.gif");
background-repeat: no-repeat;
background-position: center;
width: 850px;
height: 400px;
padding-top: 80px;
padding-left: 50px;
padding-right: 60px;
}

.groupes{
padding-right:10px;
padding-left:10px;
padding-bottom:3px;
font-weight: bold;
text-align:center;
text-decoration: none;
font-size: 10px;
font-variant: small-caps;
}

Dans ton CSS de groupe, tu avais des balises qui ne servaient à rien aussi; je les ai donc retirées :

Spoiler:

Ce qui est en gras ; le "moz-border" ne te sert à rien puisque tu n'as pas de bordure; tout comme le "height" en fait. Et tu avais deux tailles de textes différentes, ainsi que deux balises de gras Wink

.

Je pense donc qu'avec le nouveau template, et le CSS modifié, ça devrait marcher =)
Dis moi si ça va pas ^^

Ah super merci beaucoup !
Alors après test en fait chez moi en tous cas c'est haut ça sort du cadre et du coup le texte aussi :

Positionnement groupe QEEL - RESOLU Onlineg

Positionnement groupe QEEL - RESOLU Onlineg

https://2img.net/r/ihimizer/img294/4295/scr8113619.jpg
Pourtant chez moi ça marche xD

Est-ce que tu as bien collé le CSS ?

Ah je viens de trouver pourquoi j'avais collé deux fois le "divstats1" et "divstats2" --'
Du coup apparemment j'en avais enlevé qu'un et l'autre trainé j'ai enlevé et là ça fait comme sur la capture c'est impec merci beaucoup !!

De rien

Je classe alors ^^

Positionnement groupe QEEL - RESOLU

Positionnement groupe QEEL - RESOLU

Sujets similaires

Sujets similaires

Partenaires Or