[Question] problème d'affichage entre cellule et catégorie
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
[Question] problème d'affichage entre cellule et catégorie
Bonsoir,
Je rencontre un petit problème d'affichage sur un de mes forums, rien de bien grave mais ceci me dérange dans la mesure où ceci n'est pas très esthétique.
Voici une petite image du problème:
(Lien du forum test si vous voyez pas très bien: http://test-kpopfans.forumactif.org/ )
Je vous remercie de votre attention,
Cordialement Heung-Min Hidem.
Je rencontre un petit problème d'affichage sur un de mes forums, rien de bien grave mais ceci me dérange dans la mesure où ceci n'est pas très esthétique.
Voici une petite image du problème:
(Lien du forum test si vous voyez pas très bien: http://test-kpopfans.forumactif.org/ )
Je vous remercie de votre attention,
Cordialement Heung-Min Hidem.
Dernière édition par Heung-Min Hidem le Dim 17 Aoû 2014 - 4:41, édité 1 fois
Re: [Question] problème d'affichage entre cellule et catégorie
Bonjour,
Il s'agit d'un problème uniquement présent sur Internet Explorer (en tout cas chez moi).
Essayez d'insérer ceci dans Affichage => Couleurs => Onglet "feuille de style CSS" :
Cordialement.
Il s'agit d'un problème uniquement présent sur Internet Explorer (en tout cas chez moi).
Essayez d'insérer ceci dans Affichage => Couleurs => Onglet "feuille de style CSS" :
- Code:
.forabg{
margin-bottom:0 !important;
}
Cordialement.
Invité- Invité
Re: [Question] problème d'affichage entre cellule et catégorie
Kinotto a écrit:Bonjour,
Il s'agit d'un problème uniquement présent sur Internet Explorer (en tout cas chez moi).
Essayez d'insérer ceci dans Affichage => Couleurs => Onglet "feuille de style CSS" :
- Code:
.forabg{
margin-bottom:0 !important;
}
Cordialement.
Bonsoir Kinotto,
Je vous remercie pour votre proposition, j'ai essayé de le mettre mais ceci ne change rien. De plus, je rencontre ce problème sur Firefox
Au passage, le forum est en phpbb3 si sa peut changer quelques choses.
Je vous remercie de votre attention,
Cordialement Heung-Min Hidem.
Re: [Question] problème d'affichage entre cellule et catégorie
Et ainsi ?
Personnellement j'ai seulement le problème sur IE.
Cordialement.
- Code:
.forabg{
padding:0 !important;
}
Personnellement j'ai seulement le problème sur IE.
Cordialement.
Invité- Invité
Re: [Question] problème d'affichage entre cellule et catégorie
Kinotto a écrit:Et ainsi ?
- Code:
.forabg{
padding:0 !important;
}
Personnellement j'ai seulement le problème sur IE.
Cordialement.
Re,
Avec ce code, le problème est résolu sur la page d'accueil mais le problème persiste pour la liste des sujets et la liste des membres
Je viens d'essayer sur IE et j'ai le même problème que sur Firefox, étrange.
Merci,
Cordialement Heung-Min Hidem.
Re: [Question] problème d'affichage entre cellule et catégorie
Re,
Est-ce que cela va mieux avec ce code ?
PS : Effectivement, j'ai le même problème avec Firefox, mais pas sur l'index. C'est étrange.
Cordialement.
Est-ce que cela va mieux avec ce code ?
- Code:
.forumbg{
padding:0 !important;
}
.forumbg table.table1{
margin:0 !important;
}
PS : Effectivement, j'ai le même problème avec Firefox, mais pas sur l'index. C'est étrange.
Cordialement.
Invité- Invité
Re: [Question] problème d'affichage entre cellule et catégorie
Kinotto a écrit:Re,
Est-ce que cela va mieux avec ce code ?
- Code:
.forumbg{
padding:0 !important;
}
.forumbg table.table1{
margin:0 !important;
}
PS : Effectivement, j'ai le même problème avec Firefox, mais pas sur l'index. C'est étrange.
Cordialement.
Avec votre code, ceci fonctionne pour le reste mais plus pour les catégories. J'ai essayé votre ancien code plus celui-ci et sa fonctionne.
- Code:
.forabg{
padding:0 !important;
}
.forumbg{
padding:0 !important;
}
.forumbg table.table1{
margin:0 !important;
}
D'ailleurs, je vais en profiter pour poser quelques questions du même genre au lieu d'ouvrir un nouveau sujet.
Sur mes sujets, certains sont un peu plus grand comme cet exemple:
Peut-on l'obliger à tenir sur une ligne comme les autres?
De plus, j'ai essayé de suivre un tutoriel de ce forum pour déplacer les icônes (que je retrouve plus...j'éditerai si je le retrouve) mais je n'arrive pas à le placer où je souhaiterais
J'aimerais bien que mes icônes de ce style:
https://i.imgur.com/ap9ztpp.png
- Spoiler:
Se superpose à partir du bas de mes icônes de messages:
http://icons.iconarchive.com/icons/icondrawer/flags/48/South-Korea-icon.png
- Spoiler:
Vous voyez ce que je veux dire? Si oui, pouvez m'aider?
Je vous remercie,
Cordialement Heung-Min Hidem.
Re: [Question] problème d'affichage entre cellule et catégorie
Sur mes sujets, certains sont un peu plus grand comme cet exemple:
image
Peut-on l'obliger à tenir sur une ligne comme les autres?
Essayez ceci (en plus du reste, bien sûr) :
- Code:
dd.lastpost{
width:25% !important;
}
Je ne comprends pas le second problème. Vous voulez que les icônes des sujets s'affichent dans la liste des sujets ? sur l'index ?
Cordialement.
Invité- Invité
Re: [Question] problème d'affichage entre cellule et catégorie
Kinotto a écrit:Sur mes sujets, certains sont un peu plus grand comme cet exemple:
image
Peut-on l'obliger à tenir sur une ligne comme les autres?
Essayez ceci (en plus du reste, bien sûr) :NB : la valeur "25%" peut être augmentée en fonction des besoins.
- Code:
dd.lastpost{
width:25% !important;
}
Je ne comprends pas le second problème. Vous voulez que les icônes des sujets s'affichent dans la liste des sujets ? sur l'index ?
Cordialement.
Je vous remercie, ceci marche pour la liste des sujets mais elle déforme sur l'index
Pour mon second problème, j'aimerais savoir s'il était possible de placer mon icône de sujet (= l’icône résolu de ce forum si vous voyez pas de quoi je parle) juste en dessous de l’icône pour signaler si un sujet est verrouillé, sans nouveau message, avec nouveau message. Je peux faire un schéma si vous voyez pas.
Merci de votre aide,
Cordialement.
Re: [Question] problème d'affichage entre cellule et catégorie
Bonjour,
Effectivement, à partir de 22% la déformation est effective.
Une solution serait de réduire une autre colonne, comme celles des titres/descriptions :
Mais cela en semble pas nécessaire si on reste à 22%.
Cela je l'avais compris . Ce que je n'ai pas compris, c'est l'endroit où vous souhaitez placer ce bouton. Sur l'index ? sur la liste des sujets ?
Cordialement.
Je vous remercie, ceci marche pour la liste des sujets mais elle déforme sur l'index
Effectivement, à partir de 22% la déformation est effective.
Une solution serait de réduire une autre colonne, comme celles des titres/descriptions :
- Code:
ul.topiclist dd.dterm, ul.topiclist dt{
width:50% !important;
}
Mais cela en semble pas nécessaire si on reste à 22%.
Pour mon second problème, j'aimerais savoir s'il était possible de placer mon icône de sujet (= l’icône résolu de ce forum si vous voyez pas de quoi je parle) juste en dessous de l’icône pour signaler si un sujet est verrouillé, sans nouveau message, avec nouveau message. Je peux faire un schéma si vous voyez pas.
Cela je l'avais compris . Ce que je n'ai pas compris, c'est l'endroit où vous souhaitez placer ce bouton. Sur l'index ? sur la liste des sujets ?
Cordialement.
Invité- Invité
Re: [Question] problème d'affichage entre cellule et catégorie
Bonjour Kinotto,
J'ai modifié la valeur à 22% et ceci fonctionne bien, je vous remercie. Concernant mes icônes de sujet, j'aimerais qu'elles gardent leur fonction donc c'est-à-dire que j'aimerais qu'elles soient placées sur la liste des sujets
Je vous remercie de votre attention,
Cordialement Heung-Min Hidem.
J'ai modifié la valeur à 22% et ceci fonctionne bien, je vous remercie. Concernant mes icônes de sujet, j'aimerais qu'elles gardent leur fonction donc c'est-à-dire que j'aimerais qu'elles soient placées sur la liste des sujets
Je vous remercie de votre attention,
Cordialement Heung-Min Hidem.
Re: [Question] problème d'affichage entre cellule et catégorie
Je vous remercie, c'est de ce tutoriel que je parlais dans mon autre message. Toutefois, je n'arrive pas avec. J'ai l'impression de rien modifié quand je change les valeurs
Re: [Question] problème d'affichage entre cellule et catégorie
J'ai l'impression de rien modifié quand je change les valeurs
C'est-à-dire ? Quel est le rendu ?
Arrivez-vous au bout du tutoriel ? Si non, qu'est-ce que vous ne comprenez pas ?
Invité- Invité
Re: [Question] problème d'affichage entre cellule et catégorie
Kinotto a écrit:J'ai l'impression de rien modifié quand je change les valeurs
C'est-à-dire ? Quel est le rendu ?
Arrivez-vous au bout du tutoriel ? Si non, qu'est-ce que vous ne comprenez pas ?
J'ai mis ceci en suivant le tutoriel et sa me donne ceci comme si je n'avais rien fait.
- Code:
dl.icon {
min-height: 53px;
background-position: left top;
background-repeat: no-repeat;
height: auto !important;
}
ul.topics dt {
padding-left: 53+26px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 53px 5px;;
min-height: 53px;
height:auto !important
}
Et quand je modifie le reste, j'arrive juste à modifier la hauteur de l’icône du sujet mais je n'arrive pas à déplacer l’icône de message. Comment faire comme si on était sur un forum en phpBB2 par exemple?
Au passage, comme vous avez pu le voir à droite, sa ne tient pas sur deux lignes quand j'ai un zoom à 100%
Merci,
Cordialement.
Re: [Question] problème d'affichage entre cellule et catégorie
Re,
Je ne vois pas le même code sur votre forum. De plus, celui-ci est faux, voici le corrigé :
Avez-vous bien rajouté 5px aux dimensions et bien calculé ? Si oui, pouvez-vous réessayer svp ?
Cela semble dépendre de la résolution d'écrans
Il faut équilibrer les dimensions des cellules pour unifier l'affichage. Il est encore possible d'augmenter un peu pour les derniers messages, je pense.
Cordialement.
Je ne vois pas le même code sur votre forum. De plus, celui-ci est faux, voici le corrigé :
- Code:
dl.icon {
min-height: 53px;
background-position: left top;
background-repeat: no-repeat;
height: auto !important;
}
ul.topics dt {
padding-left: 79px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 53px 5px;
min-height: 53px;
height:auto !important;
}
Avez-vous bien rajouté 5px aux dimensions et bien calculé ? Si oui, pouvez-vous réessayer svp ?
Au passage, comme vous avez pu le voir à droite, sa ne tient pas sur deux lignes quand j'ai un zoom à 100%
Cela semble dépendre de la résolution d'écrans
Il faut équilibrer les dimensions des cellules pour unifier l'affichage. Il est encore possible d'augmenter un peu pour les derniers messages, je pense.
Cordialement.
Invité- Invité
Re: [Question] problème d'affichage entre cellule et catégorie
Kinotto a écrit:Re,
Je ne vois pas le même code sur votre forum. De plus, celui-ci est faux, voici le corrigé :
- Code:
dl.icon {
min-height: 53px;
background-position: left top;
background-repeat: no-repeat;
height: auto !important;
}
ul.topics dt {
padding-left: 79px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 53px 5px;
min-height: 53px;
height:auto !important;
}
Avez-vous bien rajouté 5px aux dimensions et bien calculé ? Si oui, pouvez-vous réessayer svp ?Au passage, comme vous avez pu le voir à droite, sa ne tient pas sur deux lignes quand j'ai un zoom à 100%
Cela semble dépendre de la résolution d'écrans
Il faut équilibrer les dimensions des cellules pour unifier l'affichage. Il est encore possible d'augmenter un peu pour les derniers messages, je pense.
Cordialement.
Vous avez peut-être regarder quand j'avais fait une modification pour essayer quelques chose d'autre
Sinon voici les icônes:
http://icons.iconarchive.com/icons/icondrawer/flags/48/South-Korea-icon.png
- Spoiler:
https://i.imgur.com/ap9ztpp.png
- Spoiler:
Plus grande hauteur ==> icône de sujet (48)
48 + 5 = 53
donc X = 53
Largeur icône de sujet: 48
48 + 5 = 53
donc Y = 53
Y + Z = 53 + 21 = 74
74 + 5 = 79
Donc sa devait être ce code:
- Code:
dl.icon {
min-height: 53px;
background-position: left top;
background-repeat: no-repeat;
height: auto !important;
}
ul.topics dt {
padding-left: 79px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 53px 5px;
min-height: 53px;
height:auto !important;
}
Mais je ne vois pas de différence
Pour ce qui concerne le second problème, j'ai mis 23 au lieu de 22, ce qui corrige bien le problème mais refait le problème d'avant sur l'index
Merci,
Cordialement.
Re: [Question] problème d'affichage entre cellule et catégorie
Bonjour,
Pour essayer de régler mon problème, j'ai essayé de modifier la structure de la liste des sujets (avec un code en libre service) comme j'ai pas réussis avec des modifications pour l'ancienne. De plus, celle-ci règle mon problème pour la ligne en trop pour les derniers message sur la liste des sujet et l'index et je le trouve plutôt jolie avec le rendu du forum. Toutefois, j'ai un autre problème pour les icônes de message!
Voici les codes:
Voici le rendu:
(http://test-kpopfans.forumactif.org/f1-votre-1er-forum)
Cadre rouge: Les icones de message ne s'affichent plus, pourquoi? A cause de la version? J'ai essayé de modifier les "row" mais je ne voyais plus les sujets par la suite.
Cadre bleu: Dans quelle templates faut-il aller pour supprimer ces textes? (résolu)
Pour essayer de régler mon problème, j'ai essayé de modifier la structure de la liste des sujets (avec un code en libre service) comme j'ai pas réussis avec des modifications pour l'ancienne. De plus, celle-ci règle mon problème pour la ligne en trop pour les derniers message sur la liste des sujet et l'index et je le trouve plutôt jolie avec le rendu du forum. Toutefois, j'ai un autre problème pour les icônes de message!
Voici les codes:
- topics_list_box:
- Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
<div class="bloc_sujets">
<!-- BEGIN multi_selection -->
<span align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></span>
<!-- END multi_selection -->
<!-- BEGIN pagination -->
<span align="right"><span class="gensmall">{PAGINATION}</span></span>
<!-- END pagination -->
<!-- END header_table --><!-- BEGIN header_row -->
<!-- END header_row -->
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<table class="sujets"><tr>
<!-- BEGIN single_selection -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td><span class="icones_sujets"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></span></td>
<!-- BEGIN icon -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle2" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
<!-- BEGIN switch_description -->
<span class="genmed">
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span>
<!-- END switch_description -->
<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
<span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
</td>
<td class="row3" align="center" valign="middle"><span class="sujets_auteur"><i>par {topics_list_box.row.TOPIC_AUTHOR}</i></span></td>
<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="sujet_last">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
<td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
<!-- END multi_selection -->
</tr></table>
<div class="sujets_stats"><span class="sujets_stats_contenu">Ce sujet a été vu {topics_list_box.row.VIEWS} fois et a reçu {topics_list_box.row.REPLIES} réponse(s).</span></div>
<!-- END topic --><!-- BEGIN no_topics -->
<table><tr>
<td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
</tr></table>
<!-- END no_topics --><!-- BEGIN bottom -->
<br /><br />
<div class="pages"><span class="gensmall">{PAGINATION}</span>
<span><a href="#top">{L_BACK_TO_TOP}</a> </span></div>
<!-- END bottom --><!-- BEGIN footer_table -->
</div><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
- CSS:
- Code:
/* MISE EN FORME DES LISTES DE SUJETS */
.bloc_sujets
{
width: 950px;
margin: auto;
background: #dfdfdf;
border: 1px solid #ececec;
box-shadow: 0px 0px 3px #868686;
-o-box-shadow: 0px 0px 3px #868686;
-moz-box-shadow: 0px 0px 3px #868686;
-webkit-box-shadow: 0px 0px 3px #868686;
-htm-box-shadow: 0px 0px 3px #868686;
padding: 5px;
}
.sujets
{
background: #ececec;
border: 1px dotted #ffffff;
padding: 3px;
}
.topictitle
{
font-variant: small-caps;
font-size: 12px;
}
.sujets_auteur
{
display: block;
width: 200px;
font-size: 11px;
}
.sujet_last
{
display: block;
width: 180px;
height: 40px;
background: #f4f4f4;
border-left: 3px solid #9e9e9e;
border-right: 3px solid #9e9e9e;
padding-top: 10px;
font-size: 11px;
}
.sujets_stats
{
width: 900px;
text-align: right;
margin-bottom: 5px;
}
.sujets_stats_contenu
{
font-size: 10px;
color: #a4a4a4;
}
Voici le rendu:
(http://test-kpopfans.forumactif.org/f1-votre-1er-forum)
Cadre rouge: Les icones de message ne s'affichent plus, pourquoi? A cause de la version? J'ai essayé de modifier les "row" mais je ne voyais plus les sujets par la suite.
Cadre bleu: Dans quelle templates faut-il aller pour supprimer ces textes?
Re: [Question] problème d'affichage entre cellule et catégorie
Bonsoir,
Je me permets de faire un petit up (+de 24h).
Bonne soirée.
Je me permets de faire un petit up (+de 24h).
Bonne soirée.
Re: [Question] problème d'affichage entre cellule et catégorie
Bonsoir,
Sujet résolu, j'ai modifié la largeur des pages et je vais modifier la taille des icônes pour les problèmes que j'ai rencontré.
Bonne soirée.
Sujet résolu, j'ai modifié la largeur des pages et je vais modifier la taille des icônes pour les problèmes que j'ai rencontré.
Bonne soirée.
Sujets similaires
» Problème avec les hauteur des cellule ( catégorie )
» Séparations entre chaques forum (cellule)
» Bordure cellule de catégorie
» espace entre messages et entre chaque categorie
» Centrer la cellule Titre de Catégorie
» Séparations entre chaques forum (cellule)
» Bordure cellule de catégorie
» espace entre messages et entre chaque categorie
» Centrer la cellule Titre de Catégorie
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum