Sauts de lignes automatiques du code HTML

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Sauts de lignes automatiques du code HTML

Message par Moon-Moon Sam 9 Juil 2016 - 4:49

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://chosen-light.forumactif.org/

Description du problème

Bonjour, bonsoir !

Je viens demander votre aide parce qu'en essayant d'installer un code pour une page d'accueil, mon code fait des sauts de lignes seuls une fois que je le valide et à chaque fois que je l'édite. Du coup ça me bousille tout (mais ça fonctionne sans les sauts de lignes) et je vous avoue que c'est assez embêtant puisqu'il faut à chaque fois que j'enlève le code pour le remettre. Du coup je me suis dit qu'en créant une page HTML et en l'insérant en iframe dans la partie Page d'accueil ça corrigerait peut-être la chose, mais non >.< !

Voici des screen pour que vous puissiez comprendre :

Après avoir validé une seule fois:

Après avoir édité deux fois:

J'ai essayé de voir si d'autres personnes avaient le même problème ou si un sujet similaire avait été ouvert, et les quelques-uns que j'ai trouvé parlaient simplement de balises ouvertes en trop ou manquantes faisant chapoter tout le chmilblik. (Peut-être que ce sera pareil pour moi pourtant j'ai regardé plusieurs fois pour m'assurer que non et j'ai pas trouvé d'erreur, mais comme il est tard... ^^').

Du coup voilà, je précise juste que je n'ai pas modifié les templates, et que le code que j'essaye d'installer provient d'un tuto. Au cas où je poste quand même le CSS que j'ai déjà mit sur mon forum et le HTML entier :

Le CSS:

Le HTML:

Merci d'avance ! Angel



Dernière édition par Moon-Moon le Sam 9 Juil 2016 - 19:43, édité 1 fois
Moon-Moon

Moon-Moon
Nouveau membre

Messages : 4
Inscrit(e) le : 09/07/2016

http://howland.forumactif.org/
Moon-Moon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sauts de lignes automatiques du code HTML

Message par Invité Sam 9 Juil 2016 - 9:12

Hello Moon-Moon,

cette partie est une horreur pour l'insertion de code html, pour remédier à tout çà........

Il vaut mieux créer une page html et déposer le lien de celle-ci dans une iframe que tu déposeras dans la page d’accueil .

Modules/HTML & JAVASCRIPT/Gestion des pages HTML/Création en mode avancé (HTML)

Titre * : Mettre un titre
Voulez-vous utiliser le haut et le bas de page de votre forum ? Cocher Non
Utiliser cette page en tant que page d'accueil ? Cocher Non


déposes ce contenu:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/SHAM_PA.css" rel="stylesheet" type="text/css">
  <head>


    <title>Page d'accueil </title> 

    <style type="text/css">

    /* PAGE D'ACCUEIL */
    /* BLOC LIENS */
    .lksSHAM {
    background:rgba(0,0,0,0.6) !important;
    }
    /* LIEN BLOC LIENS */
    .lksSHAM a{
    color:lightgreen !important;
    }
    /* SURVOL LIEN BLOC LIENS */
    .lksSHAM a:hover {
    color:#b35984 !important;
    }
    /* CONTEXTE */
    .ctxtSHAM {
    background:white !important; color:black !important;
    }
    /* BLOC STAFF */
    .staffSHAM{
    background:lightgreen !important;
    }
    /* CONTENU STAFF */
    .staffSHAM ul li {
    color:black !important;
    }
    /* BULLE STAFF */
    .staffSHAM .bullSHAM label {
    background:white !important;
    }
    /* SURVOL BULLE STAFF */
    .staffSHAM .bullSHAM label:after {
    background:#b35984 !important;
    }
    /* PREDEFINIS MASCULINS */
    .HSHAM {
    background:#b35984 !important; border-color:white !important; color:white !important;
    }
    /* PREDEFINIS FEMININS */
    .FSHAM {
    background:lightgreen !important; border-color:black !important; color:black !important;
    }
    /* BLOC NOUVELLES */
    .newsSHAM {
    background:black !important; color:white !important;
    }
    /* CONTENU NOUVELLES */
    .newsSHAM div {
    background:black !important; color:white !important;
    }
    /* EVENEMENT EN COURS */
    .eventSHAM p{
    background:white !important; color:black !important;
    }
    /* MEMBRE DU MOIS */
    .mdmSHAM p{
    background:#b35984 !important; color:black !important; 
    }
    /* LIENS MEMBRE DU MOIS */
    .mdmSHAM a{
    color:black !important; 
    }
    /* TOP-SITES */
    .topSHAM {
    background:lightgreen !important; color:black !important;
    }

    </style>

  </head>

      <body>

<!-- LIENS PAGE D'ACCUEIL -->
        <div class="lksSHAM"><!-- I --><a href="" target="_blank">Contexte</a><!-- II --><a href="" target="_blank">Annexes</a><!-- III --><a href="" target="_blank">Bottins</a><!-- IV --><a href="" target="_blank">Groupes</a><!-- V --><a href="" target="_blank">Règlement</a><!-- VI --><a href="" target="_blank">Partenariat</a><!-- VII --><a href="" target="_blank">Parrainage</a></div><!-- PAGE D'ACCUEIL --><div class="SHAM"><!-- CONTEXTE --><div class="ctxtSHAM">Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte.</div><!-- STAFF --><div class="staffSHAM"><input type="radio" name="navSTAFF" id="navSTAFF_1" checked /><input type="radio" name="navSTAFF" id="navSTAFF_2" /><input type="radio" name="navSTAFF" id="navSTAFF_3" /><input type="radio" name="navSTAFF" id="navSTAFF_4" /><input type="radio" name="navSTAFF" id="navSTAFF_5" /><input type="radio" name="navSTAFF" id="navSTAFF_6" /><input type="radio" name="navSTAFF" id="navSTAFF_7" /><input type="radio" name="navSTAFF" id="navSTAFF_8" /><input type="radio" name="navSTAFF" id="navSTAFF_9" /><input type="radio" name="navSTAFF" id="navSTAFF_10" /><!-- CONTENUS STAFF --><ul><!-- I --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- II --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- III --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- IV --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- V --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- VI --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- VII --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- VIII --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- IX --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li><!-- X --><li><!-- IMAGE 140*140 --><img src="http://www.aht.li/2919715/140140.png" /><!-- CONTENU --><span>NOM<br/>Prénom(s)</span>Pseudonyme * <font style="color:forestgreen">Disponibilité</font><br/>Fonction : <a href="" target="_blank">MP</a>/<a href="" target="_blank">Profil</a><br/>Autres comptes</li></ul><!-- NAVIGATION SLIDE --><div class="bullSHAM"><div><label for="navSTAFF_1"></label><label for="navSTAFF_2"></label><label for="navSTAFF_3"></label><label for="navSTAFF_4"></label><label for="navSTAFF_5"></label><label for="navSTAFF_6"></label><label for="navSTAFF_7"></label><label for="navSTAFF_8"></label><label for="navSTAFF_9"></label><label for="navSTAFF_10"></label></div></div></div><br/><div class="boxSHAM"><!-- PREDEFINIS --><div class="pfSHAM"><!-- HOMMES --><a class="HSHAM" href="" target="blank">Prédéfinis<br/>♂</a><!-- FEMMES --><a class="FSHAM" href="" target="blank">Prédéfinis<br/>♀</a></div><!-- 9 PARTENAIRES EN 88*31 --><div class="partSHAM"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VII --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- VIII --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a><!-- IX --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a></div></div><!-- NOUVELLES --><div class="newsSHAM"><span>Nouvelles</span><!-- CONTENU --><div>le 00/00/00 : ...</div></div><!-- EVENEMENT EN COURS & MEMBRE DU MOIS --><div class="boxSHAM"><!-- EVENEMENT EN COURS --><div class="eventSHAM"><!-- IMAGE 220*210 --><img src="http://www.aht.li/2919750/220210.png" /><!-- CONTENU --><p>Evénement en cours.</p></div><div class="boxSHAM"><!-- MEMBRE DU MOIS --><div class="mdmSHAM"><!-- IMAGE 220*150 --><img src="http://www.aht.li/2919751/220150.png" /><!-- CONTENU --><p>NOM<br/>Prénom(s)<!-- LIENS --><br/><br/><a href="" target="_blank">Profil</a><a href="" target="_blank">Fiche de liens</a><a href="" target="_blank">MP</a></p></div><!-- TOP-SITES --><div class="topSHAM">Top-sites :<br/><!-- LIENS --><a href="" target="_blank">●</a><a href="" target="_blank">●</a><a href="" target="_blank">●</a><a href="" target="_blank">●</a><a href="" target="_blank">●</a></div></div></div></div>

      </body>

</html>



Cliques sur le bouton "Valider".

Repères le lien de ta page et insères le dans l'iframe

Affichage/Page d'acceuil/Généralités/Message sur la page d'accueil


Déposes ceci:
Code:

 <iframe style="width:850px; height: 550px;" src="LE LIEN DE TA PAGE HTML"></iframe>


j'ai volontairement déposé un width et un height plus important que la div conteneur afin qu'il n'y ai pas d'ascenseur.
Tu peux augmenter les valeurs si besoin ici:
Code:
style="width:850px; height: 550px;"


Cliques sur le bouton :enreg: .


a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sauts de lignes automatiques du code HTML

Message par Moon-Moon Sam 9 Juil 2016 - 12:52

Salut Milouze14 !

Merci de bien vouloir m'aider ! ^^

Alors j'avais déjà essayé de mettre tout ça dans une page HTML comme je le disais et hélas le problème restait le même.

J'ai tenté à nouveau en suivant tes explications, j'ai copié/collé le tout sur une page HTML (en ayant enlevé le CSS de ma fiche avant hein) puis mit l'iframe, mais malheureusement dès que j'édite ma feuille HTML pour changer des descriptions ou autres, le problème persiste toujours avec ces sauts de lignes qui bousillent tout le code. Sorry

Franchement je comprends pas qu'est ce qui impose automatiquement ces sauts de lignes, ce serait pas quelque chose dans les templates de base ?

En tout cas encore merci à toi de prendre le temps de m'aider ! Smile
Moon-Moon

Moon-Moon
Nouveau membre

Messages : 4
Inscrit(e) le : 09/07/2016

http://howland.forumactif.org/
Moon-Moon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sauts de lignes automatiques du code HTML

Message par Scoubifitz Sam 9 Juil 2016 - 17:12

Bonjour,

Pour résoudre votre souci , il faut éditer en mode HTML avancé , et non en mode HTML simple ...

Le mode HTML simple souffre du même problème (saut de lignes à l'édition ) que pour la page d'accueil .
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sauts de lignes automatiques du code HTML

Message par Invité Sam 9 Juil 2016 - 19:28

Re


Pour résoudre votre souci , il faut éditer en mode HTML avancé , et non en mode HTML simple ...
Le mode HTML simple souffre du même problème (saut de lignes à l'édition ) que pour la page d'accueil .
Hello Scoubifitz Wink ,

Hum étonnant car sa page web est complète Rolling Eyes

http://chosen-light.forumactif.org/h1-page-accueil

Moon-Moon as tu modifié quelque chose depuis ton message ?

a++

Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sauts de lignes automatiques du code HTML

Message par Moon-Moon Sam 9 Juil 2016 - 19:43

Bonjour Scoubifitz !

Oui pour le coup j'avais pas calculé qu'il fallait éditer en mode avancé aussi. Il n'y a plus du tout de retours à la ligne en tout cas quand j'édite de cette façon.

Milouze14 — J'ai édité en mode avancé comme me l'a fait remarquer Scoubifitz et forcément je n'ai plus le problème, d'où la page d'accueil qui s'affiche correctement ^^

En tout cas je vous remercie tous les deux pour votre aide ! Problème résolu ! Yes
Moon-Moon

Moon-Moon
Nouveau membre

Messages : 4
Inscrit(e) le : 09/07/2016

http://howland.forumactif.org/
Moon-Moon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sauts de lignes automatiques du code HTML

Message par Invité Sam 9 Juil 2016 - 19:45

Re,
pourtant c'était bien mentionné sur mon message Wink :

https://forum.forumactif.com/t386923-sauts-de-lignes-automatiques-du-code-html#3251432

Bonne soirée Wink .

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sauts de lignes automatiques du code HTML

Message par Chacha Sam 9 Juil 2016 - 19:56

Sauts de lignes automatiques du code HTML 4qhGdLE
Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum