Superposition d'images

Résolu
Gene -  
Bonjour,

j'aimerais mettre une image sous une partie d'une table, mais avec les balises DIV ou quand je mets l'image comme background, quand on réduit la grandeur de notre navigateur, l'image ne suit pas, je suis un peu embêtée, voici mon site : http://www.studiovolcano.ca/, j'aimerais que l'image de la console arrive égale au gris...

merci de m'aider

7 réponses

  1.  tryan44
    Je voulais juste voir si j'y arriverais avec du CSS et sans tableau... au lieu de bazarder à la poubelle, autant que ça vous serve ;).

    Bonne continuation.
    1. Gene
      Merci beaucoup, vous n'étiez vraiment pas obligé de faire ça pour moi.. :-)
      1. tryan44
        Testez ça :) : 

        <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<style type="text/css">
body{
margin:0;
padding:0;
}
#cadre{
width:898px;
height:258px;
background:transparent;
margin:-458px auto 0 auto;
padding:0;
text-align:left;
}
#bandegrise{
background:url('http://www.studiovolcano.ca/image_bg2.png') repeat-x;
height:260px;
margin-top: 200px;
text-align:center;
}
#logo{
height:175px;
width:337px;
float:left;
}
#onglet{
width:112px;
height:154px;
float:left;
margin-top:30px;
}
.ongletbis{
width:140px;
height:95px;
float:left;
margin:30px 2px 0 2px;
}
#ligne{
width:560px;
height:3px;
background: #DDD;
float:right;
margin-top:70px;
}
</style>
</head>

<body>

<div id="bandegrise"><img src="http://www.studiovolcano.ca/console.png">
<div id="cadre">
<div id="ligne"></div>
<div id="logo"><img src="http://www.studiovolcano.ca/logo_studio_volcano.png"></div>
<div id="onglet"><img src="http://www.studiovolcano.ca/accueil2.png"></div>
<div class="ongletbis"><img src="http://www.studiovolcano.ca/services.png"></div>
<div class="ongletbis"><img src="http://www.studiovolcano.ca/realisations.png"></div>
<div class="ongletbis"><img src="http://www.studiovolcano.ca/contact.png"></div>
</div>
</div>

</body>
</html>

        3. tryan44
          Je suis du même avis que @maka54 concernant l'utilisation de tables...il faudrait utiliser beaucoup plus de CSS pour la mise en forme.
          1. maka54
            ton site est tres mal conçu, tu met des images monochrome de 1600 * 280 (autrement dis aucun intérêts si ce n'est alourdir le site pour rien)

            les tables sont dépréciés également pour la mise en page d'un site
            1. tryan44
              Salut,

              Si au lieu de faire : 
              <p align="center"><IMG SRC="console.png"></p>

              vous faites : 
              <p style="text-align:center;margin-top:-62px;"><img src="console.png"></p>

              ...ça donne quoi?

              Discussions similaires

              calcule nombre des pixels "noir" dans un image (noir/blanc)
              neji55

              3 réponses
              4 images 1 mot
              Helene

              5 réponses
              ads by images+
              Fildyr

              5 réponses
              superposition d'images dans Word
              eva0

              13 réponses