CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

multiplier motifs en xhtml...

Julia_Channel
Julia_Channel
Niveau 10
07 mai 2008 à 15:02:42

:salut:

Je voudrais mettre des motifs de fond dans une page:
code css:
.fond
{
background-image: url("images/fag-2.png");
text-indent: 16px;
}

mais je veux aussi ajouter une ligne sur les côtés, ainsi qu'une image au milieu.
.element_haut
{
background-image: url("images/deg-blanc-haut.png");
background-repeat: repeat-y;
background position: top;
}
.element_bas
{
background-image: url("images/deg-blanc-bas.png");
background-repeat: repeat-y;
background position: bottom;
}
.element_droite
{
background-image: url("images/deg-blanc-right.png");
background-repeat: repeat-x;
background position: right;
}
.element_gauche
{
background-image: url("images/deg-blanc-left.png");
background-repeat: repeat-x;
background position: left;
}

enfin l'image:

  1. haut

{
width: 760px;
height: 250px;
margin: auto
background-image: url("Images/panneau.png");
background-repeat: no-repeat;
}

Comment dois-je coder ça? :merci:

deepblue
deepblue
Niveau 16
07 mai 2008 à 15:43:35

Tu peux faire un shema stp ?
Donne l'url de tes images (url absolue : http://...).

Julia_Channel
Julia_Channel
Niveau 10
07 mai 2008 à 17:15:28

Voici un shéma de ce que je veux obtenir:
http://images0.hiboox.com/images/1908/le5wvgtn.png

CanardPC
CanardPC
Niveau 10
07 mai 2008 à 23:02:15

A part le goût douteux d'une telle maquette, les goûts et les couleurs ne se discutant pas, est-ce que ce que tu nommes zones auront des dimensions figées ou non ?

Julia_Channel
Julia_Channel
Niveau 10
08 mai 2008 à 11:07:54

figés oui.
les couleurs ça veut rien dire je te rassure!
en fait la seule image fixe et la centrale.
les autres sont des images répétées, tu vois?

En fait, je veux "superposer" les images les unes aux autres... c'est possible?

CanardPC
CanardPC
Niveau 10
08 mai 2008 à 13:38:13

Si l'ensemble a des dimensions fixes, pourquoi ne pas te contenter de mettre une image en background dans un conteneur ?

Julia_Channel
Julia_Channel
Niveau 10
08 mai 2008 à 15:22:11

conteneurs?
tu veux dire une image fixe composées de tout ça?

En fait, je veux simplement savoir si il est possible de faire en affichage d'image sous le xhtml , ce que l'on peut faire avec le travail sur l'image de fond (background).

car dans les instructions que j'ai mentionné il n'y a que un travail sur l'image de fond possible.
Et moi, je voudrais arriver à faire pareil pour des images simples que l'on affiche SUR le fond.

Dans ce cas, quelles sont les balises disponibles pour l'affichage d'images sur un fond?

Julia_Channel
Julia_Channel
Niveau 10
08 mai 2008 à 21:13:47

Je crois que j'ai compris ce qu'il faut que je fasse...

c'est faire plusieurs bloc <div> à l'intérieur du même "bloc" qui auront des coordonnées différentes.

Je vais essayer! :-)

(puisqu'apparemment on ne peut pas manipuler ce genre de "graphiques répétés" en dehors du fond!)
et puisqu'on ne manipule qu'un fond à la fois...

CanardPC
CanardPC
Niveau 10
08 mai 2008 à 21:40:12

Oula, tu mélanges tout... Le XHTML ne sert pas à afficher des images, tu utilises du CSS pour ça.
Si l'ensemble qui comprend les bordures et fag-2.png a des dimensions qui ne bougeront pas, contente-toi de faire une image que tu mets en background dans un bloc (div ou autre selon ce que tu aura à l'intérieur).
Si du mets des div comme tu ferais un site avec des tableaux, tu vas rapidement tomber dans la "divite" excessive.

Julia_Channel
Julia_Channel
Niveau 10
08 mai 2008 à 22:12:05

mouais, disons que je voulais juste faire un "effet de style" avec les bordures autour qui sont en dégradés et avec une image au milieu...

sinon, j'ai très bien compris que le css affiche les fonds.
ce n'est pas parce-qu'on fait des <div> qu'on affiche les images!

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment