epsilon
forum de libre service de codage,
possibilité de commander des designs,
aucune inscription
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -34%
Casque The Mandalorian, Casque électronique ...
Voir le deal
94.99 €

Ookpik
Anonymous
Invité
Hé oui, une question / demande d'aide la veille de noel ! On profite de nos vacances comme on peut haha (et en plus, étant confiné au canada ça ajoute du temps libre!) Je m'attends pas a une réponses rapidement, j'espère que vous profitez au maximum de ce temps des fêtes <3

Mon problème, en faites, est ''simple'' mais je suis littéralement perdu. Depuis que j'ai mis interne jaune au sein de mon forum (que j'avance petit par petit dans mes temps libres) la majorité des codes qui sont posté dans les sujets ont de nombreux problèmes de décalages. Malheureusement ce n'est pas les codes qui sont problématique puisqu'il fonctionnent sur d'autres forums. Du plus simple code au plus compliqué, il y a des petits décalage pas toujours frappant qui sont pourtant toujours existant. Je ne comprends pas d'où vient le problème...

Pour aider a comprendre, j'ai pris quelques capture en allant chercher un ou deux code par-ci par là qui fonctionne ailleurs mais pas sur le forum. Au dirait qu'il y a quelque chose qui entre en conflit avec certaines partie des codes retirant des espaces avant le texte, par exemple, en déformant la largeur des images malgré que le code soit bien carré et bien proportionné en rectangle, décalage de quelques pixels des images, paragraphe, etc. Cela est bien embêtant, et comme j'ai fais interne en dernier et que tout fonctionnait avant cela je pense que cela vient de là :/

Voici deux petit exemple, je ne veux pas charger trop ce message en cette veille de ''nowel'' !
Spoiler:

Je laisse, si jamais ça peut être utile, je laisse déjà (oui oui déjà ! :o ) mon viewtopic_body :
Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };

$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id) {
    try {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0) {
            $('.post--' + id).toggle(0, function() {
 if( $(this).is(":visible") ) {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 } else {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    } catch(e) { }

 return false;
};

//]]>
</script>

<div class="total_topic">
<div class="total_title_sujet"><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></div>
<div class="sousnav"><a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}</div>
</div>

<div class="bts_topic">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow">{L_POST_NEW_TOPIC}</a>
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}">{L_POST_REPLY_TOPIC}</a>
 <!-- END switch_user_authreply -->
</div>

<div class="topic-actions">
 <!-- BEGIN topicpagination -->
 <div class="pagination_page">
 {PAGINATION}
 </div>
 <!-- END topicpagination -->

 <div class="topic-actions-buttons">
 <!-- BEGIN switch_twitter_btn -->
 <span>
 <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
 </span>
 <!-- END switch_twitter_btn -->

 <!-- BEGIN switch_fb_likebtn -->
 <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
 <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
 <!-- END switch_fb_likebtn -->

 <a class="addthis_button">{L_SHARE}</a>
 <!-- BEGIN switch_plus_menu -->
 <script type="text/javascript">//<![CDATA[
 var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
 var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
 var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
 var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
 var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
 insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 <!-- END switch_plus_menu -->
 </div>
</div>

<div class="quick-nav-topics">
    <!-- BEGIN switch_isconnect -->
 <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>
    <!-- END switch_isconnect -->
    <a href="#bottom">{L_GOTO_DOWN}</a>
    <!-- BEGIN switch_isconnect -->
 <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
    <!-- END switch_isconnect -->
</div>

{POLL_DISPLAY}

<!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <div class="post {postrow.hidden.ROW_COUNT}">
 <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
 </div>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>

<div class="rankimg">{postrow.displayed.RANK_IMAGE}
  <div class="poster_name">{postrow.displayed.POSTER_NAME}</div></div>
<div class="fond_poste_epicode">
  
  <div class="blok1">
 <div class="postbody_epi">
  
  
  <div class="posttruc">
  <div class="info_new_post"><a href="{postrow.displayed.POST_URL}"># {postrow.displayed.POST_SUBJECT}</a> - {postrow.displayed.POST_DATE_NEW}</div>
  <div class="boutons_post"><a href="{postrow.displayed.EDIT_URL}"><span class="th th-edit"></span></a>
<a href="{postrow.displayed.DELETE_URL}"><span class="th th-trash"></span></a>
<a href="{postrow.displayed.QUOTE_URL}"><span class="th th-quote-up"></span></a>
<a href="{postrow.displayed.IP_URL}"><span class="th th-location-4"></span></a></div></div>
  
<div class="content">
 <div>{postrow.displayed.MESSAGE}</div>
 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd class="attachments">
 <!-- BEGIN switch_post_attachments -->
 <dl class="file">
 <dt>
 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
 </dt>
 <dd>
 <!-- BEGIN switch_dl_att -->
 <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
 <!-- END switch_dl_att -->

 <!-- BEGIN switch_no_dl_att -->
 <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
 <!-- END switch_no_dl_att -->

 <!-- BEGIN switch_no_comment -->
 <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
 <!-- END switch_no_comment -->

 <!-- BEGIN switch_no_dl_att -->
 <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
 <!-- END switch_no_dl_att -->

 <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
 </dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->
 </div>

</div></div>


<div class="blok2">
  <div class="avatar_poster">{postrow.displayed.POSTER_AVATAR}</div>
  <div class="rang_membre">{postrow.displayed.POSTER_RANK_NEW}</div>
  <div class="info_profil_poster"><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}
    {postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field --></div>
  </div>
  
  <div class="separation_truc"><img src="https://imgur.com/LfkZOPG.png"/></div>
  <!-- BEGIN switch_signature -->
<div class="signa" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
<!-- END switch_signature -->

</div>


 <!-- BEGIN first_post_br -->
 <hr id="first-post-br" />
 <!-- END first_post_br -->
 <!-- END displayed -->
<!-- END postrow -->

<a name="bottomtitle"></a>

<div class="quick-nav-topics bottom">
    <!-- BEGIN switch_isconnect -->
 <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>
    <!-- END switch_isconnect -->
    <a href="#top">{L_BACK_TO_TOP}</a>
    <!-- BEGIN switch_isconnect -->
 <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
    <!-- END switch_isconnect -->
</div>

<div class="topic-actions bottom">
 <!-- BEGIN topicpagination -->
 <div class="pagination_page_bas">
 {PAGINATION}
 </div>
 <!-- END topicpagination -->


  <div class="surveiller_sujet"><!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
 {S_WATCH_TOPIC}
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in --></div>
<div class="bts_topic">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow">{L_POST_NEW_TOPIC}</a>
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}">{L_POST_REPLY_TOPIC}</a>
 <!-- END switch_user_authreply -->
</div>
 </div>

<!-- BEGIN promot_trafic -->
 <div class="block" id="ptrafic_close" style="display: none;">
 <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-plus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div>
 </div>
 <div class="block" id="ptrafic_open" style="display:'';">
 <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-minus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div>
 <ul class="ptrafic">
 <!-- BEGIN link -->
 <li>
 <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">
 <i class="ion-ios-chatbubble-outline"></i>{promot_trafic.link.TITLE}
 </a>
 </li>
 <!-- END link -->
 </ul>
 </div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
 <div class="h3">{L_FORUM_RULES}</div>
 <div class="clear"></div>
 <table class="postbody">
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" alt="" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules content">
 {RULE_MSG}
 </td>
 </tr>
 </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
 <a name="quickreply"></a>
 {QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
 <fieldset class="jumpbox">
 <label>{L_JUMP_TO}:</label>
 {S_JUMPBOX_SELECT}
 <input class="button2" type="submit" value="{L_GO}" />
 </fieldset>
</form>

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
 <fieldset class="quickmod">
 <input type="hidden" name="t" value="{TOPIC_ID}" />

 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
 <label>{L_MOD_TOOLS}:</label>
 {S_SELECT_MOD}
 <input class="button2" type="submit" value="{L_GO}" />
 </fieldset>
</form>

<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

<!-- BEGIN show_permissions -->
 <div class="block">
 <div class="h3">{L_TABS_PERMISSIONS}</div>
 {S_AUTH_LIST}
 </div>
<!-- END show_permissions -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github-gist.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
$(document).ready(function() {
 $('pre, code').each(function(i, block) {
 hljs.highlightBlock(block);
 });

 $('.post').each(function() {
 if (!$(this).find('.postprofile-avatar').html().length) {
 $(this).find('.postprofile-rank').css('border-bottom', 'none');
 $(this).find('.postprofile > dl > dt').css('min-height', $(this).find('.post-head').innerHeight());
 }
 });
});
</script>

et mon CSS, si c'est moi qui me gourre sur une ''connerie'' haha
Code:
@font-face {
font-family: "dontlook";
src: url("http://files.jcink.net/uploads/mortalsmonsters/Fonts/Gloss_And_Bloom.ttf");}
.total_topic {
    width: 100%;
    text-align: center;
    background-image: url(https://i.imgur.com/dbewD8m.png);
    background-size: 100%;
    padding: 15px;
}
.total_title_sujet a {
    color: #887C7A;
    font: 50px 'East Sea Dokdo', cursive;
}
.sousnav {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
.sousnav a {
    font: 9px 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #887C7A;
}
.bts_topic {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2px;
    text-align: center;
}
.bts_topic a {
    background: #FFFBF9;
    width: 49%;
    margin: 0px 5px 0px 0px;
    outline: 1px solid #887C7A;
    outline-offset: -4px;
    padding: 4px;
    border-bottom: 1px solid #F1EEE9;
    color: #887C7A;
    font: 11px 'Roboto', sans-serif;
    text-transform: uppercase;
}
.surveiller_sujet {
    width: 98%;
    text-align: center;
    background: #887C7A;
    outline: 1px solid #FFFBF9;
    outline-offset: -4px;
    padding: 6px;
    margin: 0px auto 10px 7px;
}
.surveiller_sujet a {
    color: #FFFBF9;
    font: 11px calibri;
    text-transform: uppercase;
}
.pagination_page_bas {
    background-image: url(https://imgur.com/N2Ehhj9.png);
    padding: 5px;
    color: #887C7A;
    font: 10px calibri;
    text-transform: uppercase;
    text-align: right;
    margin-bottom: 10px;
}
.pagination_page_bas a {
    color: #F1EBE9;
}
.pagination_page {
    background-image: url(https://imgur.com/N2Ehhj9.png);
    padding: 5px;
    color: #6A524C;
    font: 10px 'Roboto', sans-serif;
    text-transform: uppercase;
}
.pagination_page a {
    color: #CBA59C;
}
.fond_poste_epicode {
    background: #fff;
    padding: 10px;
    margin: 10px 0px 30px 0px;
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.blok1 {
    width: 696px;
    padding: 10px;
}
.blok2 {
    width: 212px;
    text-align: center;
}
.rankimg {
    width: 100%;
    height: 110px;
    overflow: hidden;
}
.rankimg img {
    opacity: 0.8;
    margin-top: -229px;
}
.rankimg:before {
    content: "\ec69";
    font-family: 'honeybee';
    color: #F1EBE9;
    font-size: 150px;
    position: relative;
    top: -60px;
}
.poster_name {
    width: 80%;
    padding: 10px 10px 0px 10px;
    text-align: right;
    font: 20px dontlook;
    position: relative;
    z-index: 9;
    top: -385px;
    margin: 0 auto;
}
.poster_name span strong {
  color:#ffffff !important;
}
.avatar_poster {
    width: 210px;
    height: 410px;
    overflow: hidden;
    border: 5px solid #F1EBE9;
    background-image: url(https://imgur.com/ofzNont.png);
    background-size: 100%;
}
.avatar_poster img {
    width: 200px;
    height: 400px;
}
.info_profil_poster {
    text-align: justify;
    color: #69605e;
    font: 10px calibri;
    text-transform: uppercase;
    width: 200px;
    margin: 0 auto;
}
.info_profil_poster img {
  width:30px;
}
.info_profil_poster .label {
    border-bottom: 2px solid #F1EBE9;
}
.posttruc {
    display: flex;
    flex-wrap: wrap;
    border-bottom: solid 1px #F1EBE9;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.info_new_post {
    color: #69605e !important;
    font: 9px calibri !important;
    text-transform: uppercase;
    width: 35%;
}
.info_new_post a {
   color: #080709;
  font-style:italic;
}
.boutons_post {
    text-align: right;
    width: 64%;
    margin-top: -10px;
}
.boutons_post span {
    font-size: 20px;
    margin: 5px;
    color: #e3dcda;
  transition:all 800ms;
}
.boutons_post span:hover {
  color:#F1EBE9;
  transition:all 800ms;
}
.rang_membre {
    background: #FCFBFA;
    margin: 0px 0px 5px 0px;
    outline: 1px solid #F1EBE9;
    outline-offset: -3px;
    padding: 4px;
    width: 210px;
    box-shadow: 0 5px 10px -8px rgba(0, 0, 0, 0.8);
    color: #69605e;
    font: 11px calibri;
    text-transform: uppercase;
}
.separation_truc {
    height: 46px;
    width: 100%;
    text-align: center;
    margin-bottom: -22px;
}
.signa {
    width: 100%;
    margin: 23px auto;
    max-height: 308px;
    overflow: auto;
    padding: 0px 10px 0px 10px;
}
.signa img {
    max-width: 100%;
}
Sherlock
Sherlock
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Mediocrity knows nothing higher than itself; but talent instantly recognizes genius.
Salut à toi Ookpik & joyeux noël :happyblob: :happyblob: !

Alors en lisant ton problème, je saurais pas te dire exactement ce qu'il en est, très franchement, parce que c'est un petit mystère que tu nous donnes là. XD ça tombe bien chui un détective du dimanche /out

Parce que l'interne n'a (normalement on s'entend) aucun lien avec d'autres templates puisqu'il ne gère que l'interne. Autrement dit, si l'interne bug, ça ne devrait toucher que l'interne et ça ne devrait avoir aucune incidence sur les autres codes.

Du coup est-ce que tu pourrais me donner le lien de ton forum test où les codes sont installés pour que je puisse regarder un peu plus en détails ? Au moins pour me rendre compte vraiment du truc (tu peux mettre le lien sous hide si jamais ça te pose un souci d'envoyer le forum !) et voir s'il n'y aurait pas un souci ailleurs. :blobthink:

En attendant, passe un joyeux 25 Décembre et en espérant que le Père Noël a été généreux !
Ookpik
Anonymous
Invité
Oui bien sûr, j'ai complètement oublier ce détails haha! (la fin de session ma griller le cerveau il se régénère pendant le congé de noel :kappa:  )

Voici le lien avec le sujet pratique : https://legiondamnee.forumactif.com/t2-test-2-fiche

Je me suis amusée a aller chercher des codes de droites a gauche aujourd'hui pour analyser un peu les ''réactions'' en m'assurant de toujours vérifier quand ils indiquent qu'une version est pas compatible (après tout ma première idée était de penser que ModernBB était peut-être la raison malgré que ça ne posait pas problème au départ avant que je change l'interne des messages, j'ai peut-être fait une manip en changeant qui fait que c'est pas la raison :o à lala on ne sait jamais, la joie du codage ! Ça me rappel mon cours d'introduction en htlm d'il y a quatre ans :') J'aurai dû le continuer, mais la 3D m'a attirer dans sa toile haha)

Je me rends compte de deux choses flagrantes : dans les codes contenant des ''boites'' (si on veut je m'excuse ce n'est sans doute pas le terme officiel) ceux-ci sont souvent entourer d'une ligne d'une pixel qui normalement n'est pas existant dans le code de base. En second, il y a constamment des petits problèmes de décalages. En faites c'est surtout ce petit problème qui me fait chercher la source ! Les images qui se décale, les espace texte dont les espaces ne se font jamais de la bonne grandeur. C'est embêtant pour le rendre ''utilisable'' sur le long termes (quand j'en serai satisfaite pouhaha) que tout type de htlm par les joueurs pourraient les obliger a essayer de modifier les codes pour espérer régler les décalages.

Je me demande si c'est pas une question de ''zoom'' ou une variable qui modifierait un peu les proportions générales d'où les décalage, mais mes recherches et essaies faisaient que empirer (ou rien  :blobthink:  )
Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
Hey coucou cay moi ♥ ! /PAN

Alors pour le souci des images et tout ça, j'pense que ça vient effectivement des réglages de base. Du coup dans ton CSS tu peux ajouter :
Code:
body, html {
    box-sizing: border-box;
}

puis :
Code:
*, ::after, ::before {
    border: none;
    box-sizing: none !important;
    margin: 0;
    padding: 0;
}

Et ça devrait aider déjà !
Ookpik
Anonymous
Invité
Et c'est encore moi ! (non sans blague x) ) ce forum ne m'aime pas, après des mois a m'amuser sur un autre forum (test) pour m'améliorer sur le peu de codage que je fais, tout vas, celui là il ne m'aime vraiment pas xD

J'ai ajouté le tout au css, mais visiblement aucun changement dans l'immédiat. J'ai même un nouveau problème (ou je l'avais pas remarquer hier parce que je terminais mes antibiotiques :doge:

Parfois l'avatar/profil de interne se retrouve en dessous ! Le pauvre il est lui aussi renié par le forum :méstahp:
https://zupimages.net/viewer.php?id=20/53/yjkw.png

Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
Oula ah oui y'a un beug O_O ! Par contre, en général quand ça fait ça, c'est qu'il y a une erreur de code dans la fiche, et pas dans le template ! Du coup je pense que c'est juste une erreur de la fiche >< !

Par contre pour le reste, je ne vois plus ce qui beug :hm:
Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
Sans réponse, j'archive ~
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum