ajout de plusieurs images en HTML/CSS

ajout de plusieurs images en HTML/CSS - HTML/CSS - Programmation

Marsh Posté le 24-01-2015 à 16:30:27    

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.
 
 

Reply

Marsh Posté le 24-01-2015 à 16:30:27   

Reply

Marsh Posté le 24-01-2015 à 23:51:01    

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


---------------
Blablaté par Harko
Reply

Marsh Posté le 25-01-2015 à 18:56:30    

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.
 

Reply

Marsh Posté le 29-01-2015 à 23:01:55    

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
Reply

Marsh Posté le 30-01-2015 à 00:01:17    

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


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 02-02-2015 à 11:23:57    

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 ?

Reply

Marsh Posté le 04-02-2015 à 17:19:48    

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

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed