Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1507 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  ajout de plusieurs images en HTML/CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

ajout de plusieurs images en HTML/CSS

n°2249241
74maxime
Posté le 24-01-2015 à 16:30:27  profilanswer
 

Bonjour,
 
 
   Je viens demander conseil dans l'objectif d'ajouter des logos (images au format .png) au bas de ma page internet. Je suis débutant et j'ai effectué diverses recherches. J'ai appris qu'il était impossible en CSS de mettre plusieurs background-image dans un seul div.
 
J'ai alors crée 2 autres div et là, les images semblent mal positionnées ou décalées.
 
 
Voici mon code CSS :  
 
Pour la première image (aucun problème) :
 
#All {  
    margin-top: 10px;
    margin-bottom: 30px;
 margin-left: auto;
 margin-right: auto;
    width: 900px;
 border:1px dotted DodgerBlue; /*DeepSkyBlue;*/
 padding: 100px;
 background-image: url(bg_myosotis.png);  
 background-position: left bottom;  
 background-repeat: no-repeat;
 
}
 
Pour les 2 autres images :
 
#bg, #bd {
     margin-top: 10px;
     margin-bottom: 30px;
 margin-left: auto;
 margin-right: auto;
        background-repeat: no-repeat;
        background-image: url(bg_myosotis.png);
}
 
#bg {
        background-position: left bottom;
}
 
#bd {
        background-position: right bottom;
}
 
Et voici l'HTML :
 
<div id="All">
 
<div id="bg">
 
<div id="bd">
 
 
Je remercie toute personne pouvant m'éclairer.
 
 

mood
Publicité
Posté le 24-01-2015 à 16:30:27  profilanswer
 

n°2249277
gatsu35
Blablaté par Harko
Posté le 24-01-2015 à 23:51:01  profilanswer
 

Déjà Tu as oublié de fermer tes DIV


---------------
Blablaté par Harko
n°2249299
74maxime
Posté le 25-01-2015 à 18:56:30  profilanswer
 

Bonsoir,
 
 
Lorsque je ferme les div (j'ajoute </div> , est-ce bien cela ?), j'ai ma bordure bleue avec ma première image (le div "All" ) qui passent en tête de page.
 

n°2249778
CooKKarach​A
Posté le 29-01-2015 à 23:01:55  profilanswer
 

je n'ai pas un énorme niveau en css mais quand j en ai fais j avais trouvé l astuce d entourer mes div d'une bordure noir pour voir ou elle se déplacait. ca me permettait de mieux comprendre ce que je faisais et de jouer avec. ensuite tu as plus qu as les enlever une fois ton code términé.
 
pour ton code html  
 
<div id="All">  </div>
 
<div id="bg">  </div>
 
<div id="bd">  </div>
 
mais tu peux aussi faire  
 
<div id="All">
 
     <div id="bg">  </div>
 
     <div id="bd">  </div>
 
      </div>
 
ou  
 
<div id="All">
 
     <div id="bg">  
 
     <div id="bd">  </div>
 
          </div>
 
      </div>


Message édité par CooKKarachA le 29-01-2015 à 23:04:48
n°2249782
SICKofitAL​L
misanthrope
Posté le 30-01-2015 à 00:01:17  profilanswer
 

Il est possible d'avoir plusieurs background depuis CSS3.
http://www.alsacreations.com/tuto/ [...] tiple.html


---------------
We deserve everything that's coming...
n°2249964
74maxime
Posté le 02-02-2015 à 11:23:57  profilanswer
 

Oui j'ai vu que l'on pouvait utiliser plusieurs background image sous CSS3. Mais comment passer de CSS à CSS3 ? Est-ce qu'il faut tout modifier ?

n°2250136
CooKKarach​A
Posté le 04-02-2015 à 17:19:48  profilanswer
 

il me semble pas  
 
En gros maintenant les navigateurs acceptent le css3 mais si tu visionne ton site avec par exemple IE 5 il ne va rien comprendre et tout ce que tu aurais fais en css3 ne sera pas lu


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  ajout de plusieurs images en HTML/CSS

 

Sujets relatifs
Extraction VBA de données depuis pages HTMLSignature en html
Probelme d'affichage html sur internet explorer[HTML/CSS] Créer un forums à l’interrieur de mon site
Formulaire php-htmlboutons ajout date et heure actuelle si la case est vide (excel)
Gerer le random avec plusieurs valeurs (Urgent)Page de base HTML / CSS : Petite galerie
Plus de sujets relatifs à : ajout de plusieurs images en HTML/CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR