"div" css & html

Résolu
Utilisateur anonyme -  
Bonjour,

Je suis entrain de créer un template ou le div (se nommant "corp") ce présente comme ceci : http://img15.hostingpics.net/pics/376238Sanstitre.jpg (la couleur orange est le fond du site, n'y faite pas attention)

Voici le code css : 
#corp
{
   background: url("images/corp.png") repeat-y; (l'image corp.png est le rouge sur l'image précédente)
   width: 1030px;
   margin: auto;
}

Voici le code html :
http://img15.hostingpics.net/pics/716370Sanstitre.png (ne faite pas attention à la première ligne qui est en rouge car j'ai fait une autre page html pour le screen)

Le problème que j'ai, c'est que le background du corp ne s'affiche pas. Si je veux qu'il s'affiche, je suis obligé de mettre du texte ou du <br> comme ceci : http://img15.hostingpics.net/pics/699422Sanstitre.png

Comment faire pour que l'image "corp.png" s'affiche sans l'aide des <br> ?

J'espère que je me suis clairement expliqué. Si ce n'ai pas le cas, je vous montrerais en direct.

Cordialement,

16 réponses

Résumé de la discussion

Problème rencontré : le background du div nommé corp ne s'affiche pas sans contenu textuel, ce qui empêche l'image corp.png d'apparaître comme prévu et détourne l'apparence du template. Plusieurs réponses suggèrent de corriger la syntaxe CSS et de retirer les éléments br, en privilégiant une règle simple comme background: url(images/corp.png) repeat-y; afin d'assurer l'affichage sans contenu superflu. Des échanges convergent vers la même solution : utiliser background: url(images/corp.png) repeat-y; sans autre élément et corriger les fautes de syntaxe ou les impasses liées à des commentaires non valides. Certaines réponses évoquent aussi des ajustements liés au flot des éléments ou à la hauteur du conteneur, mais la clé reste l'écriture correcte de la règle de fond et l'évitement des br.

Bobot (l’IA à votre service)
  1. Utilisateur anonyme
    Bonjour essayer ca 
    background: url(images/corp.png) repeat-y;

    ensuite les br il ne faut pas les utilisé de cette manière

    0
    1. Utilisateur anonyme
      sans les quotes "
      0
    2. Utilisateur anonyme
      Bonjour,

      Même avec 
      background: url(images/corp.png) repeat-y;
      mon image corp.png ne s'affiche pas.

      Pour les br, j'ai remplacé par <br/> :)
      0
    3. Utilisateur anonyme
      Enfaite le div "corp" n'affiche pas l'image "corp.png" car il ne doit pas détecter tous les div à l'intérieur de lui même.
      0
  2. Utilisateur anonyme
    ok essayons ca 
    background: url(images/corp.png) repeat-y !important;

    0
    1. Utilisateur anonyme
      Toujours pas. Si tu veux voir réellement, on peut faire ça par l'intermédiaire d'un logiciel (ex: Teamviewer)
      0
    2. Utilisateur anonyme
      non je pense qu'il me faudrait la css entiere
      0
    3. Utilisateur anonyme
      Je t'envoie ça par PM.
      0
  3. Utilisateur anonyme
    ok pour le mp mais pourquoi ne pas mettre aussi sur le forum pour que cela aide d'autre personnes
    a mois que ce soit confidentiel
    néanmoins j'y jette un coupe d'oeuil
    0
    1. Utilisateur anonyme
      envoi moi aussi le code html pARCEQUE JE PEU PAS FAIRE DE COPIER COLLER DEPUIS LES LIENS POSTER
      0
  4. Utilisateur anonyme
    Il y a 3 div dans le div "corp" : Gauche - Droite - Milieu.

    J'ai réussi à faire afficher l'image "corp.png" en changeant le css du div "milieu". Voici le code : 
    #milieu
{
   width: 540px;
   padding: 13px 0 0 245px;
}


    Mais le problème, c'est que si mon div milieu est moins grand que le div "gauche" ou "droite", je ne vois pas entièrement les div "gauche" et "droite". J'ai remarqué que c'était mes "float" qui sont à l'origine de mon problème.
    0
    2. Utilisateur anonyme
      je suis occuper je m'occupe de ca plus tard
      0
      1. Utilisateur anonyme
        ok c est en effet les float qui pose problème ...du moin je pense

        il reste plus qu'a mettre un height a corp
        0
        1. Utilisateur anonyme
          sauf je veux que mon "corp" se répéte vers le bas.
          0
        2. Utilisateur anonyme
          donc je ne peux pas mettre de height
          0
      2. Utilisateur anonyme
        je suis désolé j'essaye de vous aider...mais je comprend pas trop :/

        Si vous mettez une bordure a votre bloc #corp on s'aperçoit que c est juste une ligne , donc l'image y est mais est invisible. C'est pour ça qu elle apparaît avec les br
        0
        1. Utilisateur anonyme
          Vous n'avez pas TeamViewer ou skype ? (ou un autre) que je vous montre. Car je n'arrive pas trop à m'expliqué ...
          0
      3. Utilisateur anonyme
        Bonsoir,

        Je vais essayé de mieux expliqué :

        Je possédé un site qui se structure de cette manière :
        http://img4.hostingpics.net/pics/4331251801.png
        Mes div "news" "gauche" et "droite" appartient au div "corp".
        On vois dans cette image que mon div "news" est plus grand que mes div "gauche" et "droite". Par exemple, si j'ajoute une news dans le div "news", mon div "corp" va s'agrandir. Ou alors si j'en supprime une, mon div "corp" va se rétrécir. Jusqu'à ici, pas de problème.

        On va prendre le cas inverse, c'est à dire mon div "news" est plus petit que mes div "gauche" et "droite". Comme ceci : http://img4.hostingpics.net/pics/6375316502.png
        Mon div "corp" s'arrête à la fin de mon div "news" et non pas a la fin de mes div "gauche" et "droite". Donc mon div "footer" passe par dessus mes div "gauche" et "droite".

        Comment faire pour que mon div "news" prenne en compte mes div "gauche" et "droite" ? Car la, il ne prend que en compte le div "news".
        0
        1. Utilisateur anonyme
          je t'envoi un mp
          0
          1. madmyke Modérateur
            lobotoFix Le principe de ce forum es le partage et l'aide PUBLIQUE dans l'information, pas les conversation privée, même si le but est bien sur louable.
            0
          2. Utilisateur anonyme
            Le PM était pour but d'avoir son skype que je lui montre mon problème via un partage d'écran. Mais si je/il trouve la solution, elle sera partagé ici.
            0
          3. madmyke Modérateur
            merci :-)
            0
        4. RAD ZONE Contributeur
          Salut

          tant que tu t obstineras a ne pas vouloir donner ou un lien si en ligne , ou la totalite du html css personne ne pourra t aider !!!!

          ont veux bien aider , mais si il faut deviner,faut pas pousser ont a quand meme autre chose a faire !

          je rappel que nous donnons des aides sur notre temps libre !

          ou il faut que tu attende que la personne a qui tu as donne les code en MP ( lobotofix ) ai le temps !
          et encore car vue ses reponses je doute meme que tu lui ai fournie tes code !
          quand a une aide personalise sur teamwviewer ,sparkangel ect c est rarement gratuite , ont vie dans un monde mercantile
          c est comme si tu demandais a un garagiste de venir reparer ta voiture gratuitement a la maison , a ton avis il te repondrait quoi !!!
          0
          1. Utilisateur anonyme
            Le site : http://tsushine.lescigales.org/test/news.html
            0
            1. RAD ZONE Contributeur
              j ai pas trop de temps mais j ai ete voir !

              c est une catastrophe cette template !
              et leur site "Admirable studio " est encore pire , il ne s ouvre meme pas !

              change de template !
              un site serieux parmi des centaines que tu peu trouver sur le web
              https://andreasviklund.com/templates/#all/1/grid

              a+
              0
              1. Utilisateur anonyme
                pourquoi c'est une catastrophe ?
                0
              2. madmyke Modérateur
                Déjà parce que, vu de chez moi, il ne ressemble à rien... il doit y avoir un soucis.
                0
              3. Utilisateur anonyme
                juste qu'il n'y a pas les images
                0
            2. Utilisateur anonyme
              Bon je laisse tombé, merci quand même à tous !
              0
              1. RAD ZONE Contributeur 
                pourquoi c'est une catastrophe ?......juste qu'il n'y a pas les images


                parce que il manque des balises , d autre ne sont pas fermee,
                il y en as en trop ( exemple des balises de fermetures sur les images ???????) ,
                pourquoi du html 5 si pas de balises html5, la structure meme n a aucune coherence a tel point qu on ce demande meme si le css est bien pour ce html , des balises embarque obsolete , ect ect ect !

                voila !
                0

                Discussions similaires

                Apache2 accès à autre que /var/www/html/index.html
                merithes

                3 réponses
                indice et exposant en css ?
                yiv

                19 réponses
                Comment relier un fichier HTML étant dans un folder au CSS
                lecodeur_2485

                1 réponse
                Mettre du texte à côté d'une image
                yuls13

                3 réponses
                Saut de lignes sans <br/>
                Rapi-shiny

                13 réponses