"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. 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 !
    2. 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+
      1. Utilisateur anonyme
        pourquoi c'est une catastrophe ?
      2. madmyke Modérateur
        Déjà parce que, vu de chez moi, il ne ressemble à rien... il doit y avoir un soucis.
      3. Utilisateur anonyme
        juste qu'il n'y a pas les images
    5. 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 !!!
      3. Utilisateur anonyme
        je t'envoi un mp
        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.
        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.
        3. madmyke Modérateur
          merci :-)
      4. 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".
        1. 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
          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é ...
        2. 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
          1. Utilisateur anonyme
            sauf je veux que mon "corp" se répéte vers le bas.
          2. Utilisateur anonyme
            donc je ne peux pas mettre de height
        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.
          1. 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
            1. Utilisateur anonyme
              envoi moi aussi le code html pARCEQUE JE PEU PAS FAIRE DE COPIER COLLER DEPUIS LES LIENS POSTER
          2. Utilisateur anonyme
            ok essayons ca 
            background: url(images/corp.png) repeat-y !important;

            1. Utilisateur anonyme
              Toujours pas. Si tu veux voir réellement, on peut faire ça par l'intermédiaire d'un logiciel (ex: Teamviewer)
            2. Utilisateur anonyme
              non je pense qu'il me faudrait la css entiere
            3. Utilisateur anonyme
              Je t'envoie ça par PM.
          3. 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

            1. Utilisateur anonyme
              sans les quotes "
            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/> :)
            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.

          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
          Mettre du texte à côté d'une image
          yuls13

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

          13 réponses
          Onload sur div
          Tomy

          3 réponses