AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G ...
Voir le deal
599 €

    Problème de code

    Kaipy
    Kaipy
    FémininAge : 29Messages : 36

    Ven 3 Juin 2016 - 12:47

    Bonjour,
    j'ai un problème avec ce code que j'ai essayé de personnaliser. Comme vous pouvez le voir, la bordure du bas se mélange avec la signature. Je pense que ce doit être une balise qui n'est pas fermée mais je n'arrive pas trouver comment réparer ça... J'aimerai également augmenter la taille de titre.

    Merci d'avance pour votre aide !
    Code:

    <style>.général {background-color: #292F51; padding: 15px; width: 550px; border-radius: 25px 0px 25px 0px; color: #7C8599;} .img_intro {border-radius: 100px; width: 100px;} .titre {font-family: lobster; font-size: 26px; text-align: center; color: #374469;} .titre1 {color: #7C8599; font-family: lobster; font-size: 28px; text-align: center;} .titre1:hover {color: #7C8599;} .bloc_intro {width: 200px; height: 80px; overflow: auto; padding: 15px; background-color: #c7cfde; color: #374469; text-align: justify;} .texte_intro {font-weight: bold; font-family: "Archivo Narrow",sans-serif; color: #67AC46;} .liens_mess {font-size: 14px; text-align: center; font-family: 'Archivo Narrow', sans-serif;} .contact {font-family: 'Archivo Narrow', sans-serif; font-size: 18px;} .contenu_mess1 {background-color: #c7cfde; width: 400px; height: 150px; text-align: justify; padding: 25px; border-radius: 25px 0px 25px 0px; color: #374469;} .mess_interne {width: 400px; height: 145px; overflow: auto;} .crédits {font-family: 'Lobster', cursive; color: #c7cfde !important; font-size: 10px; padding: 15px;}</style>

    <center><div class="général"><table><tr><td>
    <div class="titre">[size=24]Règlemen[/size]t</div>

    <span class="titre1">Point premier • Règlement général</span>
    <div class="contenu_mess1"><div class="mess_interne">
    TEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTE
    </div></div>

    <span class="titre1">Point trois • Crevettes de mon coeur ♥</span>
    <div class="contenu_mess1"><div class="mess_interne">Les TEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTE</div></div>

    <span class="titre1">Point quatre • Mon tricorne !</span>
    <div class="contenu_mess1"><div class="mess_interne">TEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTE.</div></div>

    <a href="http://www.never-utopia.com" class="crédits">© Halloween</a>
    <img src="http://i39.servimg.com/u/f39/18/47/68/10/balain10.png" style="float: right;">


    [code]<style>.général {background-color: #292F51; padding: 15px; width: 550px; border-radius: 25px 0px 25px 0px; color: #7C8599;} .img_intro {border-radius: 100px; width: 100px;} .titre {font-family: lobster; font-size: 26px; text-align: center; color: #374469;} .titre1 {color: #7C8599; font-family: lobster; font-size: 28px; text-align: center;} .titre1:hover {color: #7C8599;} .bloc_intro {width: 200px; height: 80px; overflow: auto; padding: 15px; background-color: #c7cfde; color: #374469; text-align: justify;} .texte_intro {font-weight: bold; font-family: "Archivo Narrow",sans-serif; color: #67AC46;} .liens_mess {font-size: 14px; text-align: center; font-family: 'Archivo Narrow', sans-serif;} .contact {font-family: 'Archivo Narrow', sans-serif; font-size: 18px;} .contenu_mess1 {background-color: #c7cfde; width: 400px; height: 150px; text-align: justify; padding: 25px; border-radius: 25px 0px 25px 0px; color: #374469;} .mess_interne {width: 400px; height: 145px; overflow: auto;} .crédits {font-family: 'Lobster', cursive; color: #c7cfde !important; font-size: 10px; padding: 15px;}</style>

    <center><div class="général"><table><tr><td>
    <div class="titre">[size=24]Règlemen[/size]t</div>

    <span class="titre1">Point premier • Règlement général</span>
    <div class="contenu_mess1"><div class="mess_interne">
    TEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTE
    </div></div>

    <span class="titre1">Point trois • Crevettes de mon coeur ♥</span>
    <div class="contenu_mess1"><div class="mess_interne">Les TEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTE</div></div>

    <span class="titre1">Point quatre • Mon tricorne !</span>
    <div class="contenu_mess1"><div class="mess_interne">TEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTETEXTEXTE.</div></div>

    <a href="http://www.never-utopia.com" class="crédits">© Halloween</a>
    <img src="http://i39.servimg.com/u/f39/18/47/68/10/balain10.png" style="float: right;">[/code]
    Ylkhana
    Ylkhana
    FémininAge : 31Messages : 328

    Ven 3 Juin 2016 - 13:05

    Coucou ! :hug2:

    Déjà, évitons de casser le forum ! Very Happy Vu que ton code est dans les petites balises adéquates, préfère plutôt un screen à une démonstration pour expliquer le problème :)

    Effectivement, il manque la fermeture de quelques balises ! La première est un dernier
    Code:
    </div>
    pour fermer ton
    Code:
    <div class="général">
    Et surtout surtout, ce qui te pose problème est le
    Code:
    <table><tr><td>
    qui suit directement l'ouverture du "général". Comme tu ne le termines pas, ton code considère que le tableau se poursuit sur la suite de la page :) Idem pour ta balise
    Code:
    <center>
    d'ailleurs !

    Un conseil que je pourrais te donner pour arranger ça, c'est de passer par un éditeur de code avec une incrémentation automatique, ou qui te permet de "réduire" le code, pour que tu voies encore mieux quelles balises te manquent :)

    Pour ma part j'utilise CodePen mais Notepad++ fait aussi très bien l'affaire. A toi de voir ce que tu préfères !

    Problème de code Exempl10
    Par exemple ici, j'ai réduit le code, et on voit qu'il n'y a pas de petite flèche à côté de
    Code:
    <div class="general"><table><tr><td>
    Cela signifie que la balise n'est pas fermée !

    J'espère que mes conseils te seront utiles, tu verras, c'est très simple à régler après :)

    Pour ce qui est du titre, je suis un peu surprise que tu utilises un [ size ] alors qu'une taille est définie dans le CSS. D'ailleurs je ne sais pas si le Lobster est installée par défaut sur ton forum, mais si ce n'est pas le cas, pense à l'implémenter dans ton code depuis Google fonts. Tu peux le faire dans le HTML...
    Code:
    <link href='URL de la font' rel='stylesheet' type='text/css'>
    ...ou dans le CSS...
    Code:
    @import url(URL de la font);
    ...et même en JS !
    Code:
    <script type="text/javascript">
      WebFontConfig = {
        google: { families: [ 'Font' ] }
      };
      (function() {
        var wf = document.createElement('script');
        wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
      })(); </script>
    Pour commencer. Après, en principe, changer la taille dans le CSS devrait suffire. Tu as essayé & ça ne fonctionne pas ?

    En tous cas j'espère que ces premiers éléments de réponse t'auront aidé !

    Cordialement.
    Kaipy
    Kaipy
    FémininAge : 29Messages : 36

    Ven 3 Juin 2016 - 14:16

      Merci beaucoup pour ton aide Ylkhana ! Et désolée d'avoir cassé le forum :sorry:
      Je vais essayer de corriger le code avec ce que tu m'as dit en espérant y arriver !
    Ylkhana
    Ylkhana
    FémininAge : 31Messages : 328

    Ven 3 Juin 2016 - 14:19

    Pas de souci, j'ai un peu "triché" dans mon message pour réparer ça Wink Si jamais mes explications ne te semblent pas claires ou que tu ne t'en sors pas, n'hésite pas à me le faire savoir !
    Neva
    Neva
    FémininAge : 33Messages : 18565

    Mar 14 Juin 2016 - 16:17

    Tu t'en es sortie, Kaipy ? :)



     
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Dim 26 Juin 2016 - 19:40

    Pas de nouvelles, on archive !



    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 21:28