Annonce

Réduire
Aucune annonce.

CSS- Code pour double Background ???

Réduire
X
 
  • Filtre
  • Heure
  • Afficher
Tout nettoyer
nouveaux messages

  • MrBean
    a répondu
    Pareil que les deux autres, je te l'ai déjà dit mais tu fais du très bon design !!

    Laisser un commentaire:


  • -Nicolas-
    a répondu
    Bah oui c'est bien.

    Laisser un commentaire:


  • ChemicalStöf
    a répondu
    bah c'est nickel, tout propre

    Laisser un commentaire:


  • Zapier
    a répondu
    Voila ce que ça donne Soyez tolèrent, je ne suis pas un pro.



    Merci MrBean pour ton aide

    Laisser un commentaire:


  • MrBean
    a répondu
    Tant mieux l'ami.

    Laisser un commentaire:


  • Zapier
    a répondu
    Effectivement.

    Ce tuto m'en a en tout cas appris beaucoup. Très utile pour la suite.

    Laisser un commentaire:


  • ChemicalStöf
    a répondu
    ouaip c'est ce que nicolas et MrBean avaient dit mais c'était pas forcément évident à comprendre sans une connaissance HTML/CSS préalable

    Laisser un commentaire:


  • Zapier
    a répondu
    Pour info, j'ai trouvé (enfin) exactement ce qu'il me fallait ici:

    Retrouvez chaque jour le meilleur des veilles technologiques. Partage de ressources, tutos, méthodos, tous les sujets tendances sont sur la Ferme du Web !


    En fait, maintenant que je sais, il fallait simplement créer des conteneurs aux bonnes dimensions et y insérer les images (background).

    Laisser un commentaire:


  • Shadowritter
    a répondu
    T'en es où finalement ?

    T'as pas tout simplement une page de test qu'on puisse te trouver ça

    Laisser un commentaire:


  • Zapier
    a répondu
    Oui je vois ou vous voulez en venir, mais je ne vois pas trop comment l'utiliser avec des images.

    j'ai trouvé exactement le même exemple sur ce site: http://www.terrasse-concept.com/

    Le Background haut: http://www.terrasse-concept.com/wp-c...es/main_bg.jpg

    Le Background bas :http://www.terrasse-concept.com/wp-c.../footer_bg.png

    Le Css est ici: http://www.terrasse-concept.com/wp-c...s/TC/style.css

    Laisser un commentaire:


  • -Nicolas-
    a répondu
    zapette, reprend chaque tr de ta page et ajoute lui une class différente, puis dans ton css tu ajoute un background à t'es tr, un backgdround pour le tr class machin, un différent pour le tr class bidule et encore un autre pour le tr class bazar.

    Je vois aussi qu'il y a plein de div (qui au passage ne servent à rien pour ce que j'en ai vu) tu peux remplacer tr par div dans ce que je viens de dire.

    Et voila tu as compris le principe après faut l'adapter à ta page et à ce que tu veux faire.

    Laisser un commentaire:


  • MrBean
    a répondu
    J'crois que tu as loupé l'exemple que j'ai posté juste avant (on écrit vite!), regarde-le et dit moi si tu comprends toujours pas. (http://pinchoflove.info/ex.html)

    Laisser un commentaire:


  • Zapier
    a répondu
    Je vois vraiment pas comment coder ça. Je sais reprendre des code déja fait, mais pas les créer moi même. Tu peux m'aider sur exemple image1.jpg et image2.jpg?

    Par exemple créer une barre "image2.jpg" en bas de mon site: http://zapier.free.fr/graphisme/index.html

    Laisser un commentaire:


  • MrBean
    a répondu
    Voilà je t'ai fait un exemple, y'a rien de plus clair mon ami : http://pinchoflove.info/ex.html

    J'avais oublié de préciser que le document ne doit pas avoir de padding. Regarde le code qui est très très simple et tu vas comprendre ce que je t'explique tout croche à l'arrache ! ^^

    Edit:
    Code HTML:
    <html>
    <body style="margin:0px;padding:0px;">
    <br/><br/>
    <div style="width:100%;height:200px;background: blue;">header</div>
    <br/>a<br/>
    b<br/>
    c<br/>
    <br/>hop<br/>
    <div style="width:100%;height:200px;background: red;">footer</div>
    </body>
    </html>
    Dernière modification par MrBean, 30 avril 2011, 21h01.

    Laisser un commentaire:


  • MrBean
    a répondu
    Oui c'est comme je t'ai dit. Si tu fais un div avec width 100% et height disons 200 à la fin de ta page. Tu luis mets un background en css et le tour est joué.

    Laisser un commentaire:

Chargement...
X