Les noms des membres qui se chevauchent

[orientale57]

J'ai affiché les widgets sur ma page d'accuail et de ce fait les pseudo de mes membres se chevauchent !!!

Regardez ici vous comprendrez ce que je evux dire

http://www.cafedesdelices.com/f14-general

De plus il y'a un espace indésirable entre l'icone et le titre du sujet, y'a moyen de le faire disparaitre ??

merci

[Invité]

Bonsoir,

Pour ce qui est du chevauchement des pseudo, je ne remarque rien d'anormal en allant sur la page d'accueil de votre forum. C'est bien là que se situe ce problème de chevauchement ?

Cordialement

[ge80]

Bonjour

Moi aussi, je ne vois rien d'anormal.

Votre facteur de ZOOM (Affichage navigateur) est-il bien à 100 % ou normal ?


Cordialement,
Ge

[orientale57]

mince alors !!

oui il est 100% mon mode d'affichage !!

Je vois que un décalage dans les colonnes des nombre de "vu" "message" et le nom du membre il chevauche sur la colonne d'à coté !!

[orientale57]

Comment enlever le vide qui est entre l'icone du forum et le titre ??
sur le meme line que j'ai donné, on voit un espace entre les deux

merci

[Invité]

Re,

Pourriez-vous nous dire quel navigateur vous utilisez ? Par ailleurs, avez-vous un PC portable ou bien un PC de bureau ? Cela peut peut-être jouer aussi sur ce que vous pouvez voir.

Cordialement

[orientale57]

j'utilise Explorer et non c pas un portable c un ordi normal de bureau

[Invité]

Merci pour vos réponses. Donc, logiquement, ça ne devrait pas poser de soucis pour l'affichage.

Avez-vous essayer de vider le cache internet de votre ordinateur ? Parfois ça peut aider à résoudre quelques problèmes.

Cordialement

[ge80]

Parlez-vous du passage à la ligne ?

Si oui alors essayer de transférer les widgets de la colonne 3 (celle à droite) vers la colonne 1 (à gauche) et mettre 0 pour la taille de la colonne 3.

A plus tard, je pars faire du vélo.

[orientale57]

voila j'ai mis 0 pr la colonne à droite et je n'ai laissé que celle de gauche
et pourtant l'espace est resté et le décalage des pseudo persiste !!

en fiat il y'a 2 grands espaces des deux coté , comment les réduire ??

[ge80]

C'est redevenu normal.
Voici ce que je vois

[orientale57]

Et bien je vous promets que moi je en vois pas ça comme ça !!

D'aileurs je suis étonnée, depuis que 'jai crée le forum, y'avait un décalallge entre le nombre de "Vu" et le nombre des "messages" !! Je n'ai jamais vu les truc à leurs place comme sur l'image que vous avez posté !!

Donc le probléme vient de mon ordi et pourtant j'ai affiché au maximum sur mon écran !!

Tant que les membres voient ça comme vous le voyez, c'est déja bien

Merci !!

[orientale57]

Voila je viens de voir, sur la page d'accueuil tout va bien !!

Mais c'est quand je clik sur un forum que c'est décalé !!

regardez

http://www.cafedesdelices.com/f13-annonces

[ge80]

OK c'est revenu...

J'ai compris : en parcourant votre forum j'ai vu cet icône et le décalage.

La structure (largeur) de votre ligne n'est pas pour une telle dimension.

Ceci provoque le décalage de votre affichage.

Modifiable mais ce type de thème est fait pour de petites icônes comme ceci -> .

Modifiable par la feuille de style ( CSS) mais avec vos widgets, je ne suis pas certain qu'il y aura la place.


Vous pouvez consulter le tutoriel suivant : -> tutoriel

pour une taille de 100 px (pixels) par 100 px

[orientale57]

Voila je les ai enlevé et pourtant le probléme persiste et ça dans tous les forums

http://www.cafedesdelices.com/f13-annonces

[orientale57]

Ce qui me dérange en fait c'est l'espace entre la petite icone et le titre du topic !!

[ge80]

C'est certainement normal car la taille de vos cellules n'a pas été changée.

Regarder le tutoriel et vérifier dans votre configuration les modifications que vous aviez dû faire pour que de telles grandes icônes ne s'affichent.

Prévoir uen dimension de 30 px sur 30 pixels pour les petites icônes.

Réglez les dimensions de la cellule image de catégorie et forum :

Arrow Général
Arrow Configuration --> Structure des pages

et cette partie

Réglez les dimensions de la cellule icone de sujet :

Arrow Affichage
Arrow Couleurs
Arrow Onglet "Feuille de style CSS"

[orientale57]

C'est certainement normal car la taille de vos cellules n'a pas été changée.

Regarder le tutoriel et vérifier dans votre configuration les modifications que vous aviez dû faire pour que de telles grandes icônes ne s'affichent.

Prévoir uen dimension de 30 px sur 30 pixels pour les petites icônes.

Réglez les dimensions de la cellule image de catégorie et forum :

Arrow Général
Arrow Configuration --> Structure des pages

et cette partie

Réglez les dimensions de la cellule icone de sujet :

Arrow Affichage
Arrow Couleurs
Arrow Onglet "Feuille de style CSS"

kel tutoriel ??

celui que vous m'aviez déja donné en haut ?

[ge80]

Message plus haut

OK c'est revenu...
........
......
......
Vous pouvez consulter le tutoriel suivant : -> tutoriel

pour une taille de 100 px (pixels) par 100 px

[orientale57]

Structure des pages
Largeur du forum (nombre ou %) : j'ai mis 100.

Hauteur de la cellule image catégorie/forum : px : j'ai mis 20

. Largeur de la cellule image catégorie/forum : px j'ai mis 40.

est ce que c'est comme ça ?

[ge80]

vous pouvez mettre 30 et 30.

[orientale57]

ça ne change qu'au niveau la page d'accueil mais à l'intérieur du forum rien waliu !! ça reste pareil ça bouge pas !!

cet espace persiste !!

[ge80]

pouvez vous donner le contenu de votre feuille de style CSS ?

Le reste de la modification est dedans.

et cette partie


Réglez les dimensions de la cellule icone de sujet :

Affichage
Couleurs
Onglet "Feuille de style CSS"

[orientale57]

ul.topics dd.dterm {
padding-left:120px;
}

dl.icon {
min-height:120px;}

ul.topics dt {
padding-left:120 px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 120px 5px;
min-height: 100px;
height:auto !important
}



.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url();
padding:2px 3px;
background-repeat: repeat;
background-position: center left;
background-color: #color;
}





.post { background-image: url('');
background-repeat: repeat;
background-position: center left;
background-color: #color;
}

body {
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}


body {
font-weight:bold;
}


.cattitle, a.cattitle {
color:#000000;
font-size:14px;
}



.online{
background-image:url(http://img9.imageshack.us/img9/3007/icononlinefr.gif) !important;
background-position:right 0;
background-repeat:no-repeat;
}.

.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(https://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}

[ge80]

au début de votre cede CSS

Remplacer ceci

Code:


ul.topics dd.dterm {
padding-left:120px;
}

dl.icon {
min-height:120px;}

ul.topics dt {
padding-left:120 px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 120px 5px;
min-height: 100px;
height:auto !important
}



par ceci

Code:

ul.topics dd.dterm {
padding-left:30px;
}

dl.icon {
min-height:28px;}

ul.topics dt {
padding-left:30 px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 30px 5px;
min-height: 28px;
height:auto !important
}


A vérifier car je n'ai pas la taille de toutes vos icônes.

[orientale57]

Youpppppiiiiii bravo !!

Exactement ce que je cherchais !!

Merciii

[ge80]

Il vous faudra remettre de petits icônes pour vos annonces et pos-tit mais ne pas dépasser 27 px par 27 px sinon il faudra reconfigurer.


Bonne soirée
ge

[orientale57]

Merci beaucoup pr votre aide !! Franchement vous m'enlevez des épines des pieds !!

Bonne soirée à vous !!