Superposition d'images [Résolu/Fermé]

Signaler
-
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
-
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

Messages postés
699
Date d'inscription
mercredi 8 avril 2009
Statut
Membre
Dernière intervention
4 décembre 2016
80
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
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
231
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.
Merci beaucoup du conseil,

Je suis en apprentissage :)
Merci beaucoup, vous n'étiez vraiment pas obligé de faire ça pour moi.. :-)
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
231
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.
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
231
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?
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
231
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>