Superposition d'images

Résolu/Fermé
Gene - 7 févr. 2013 à 03:11
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 - 11 févr. 2013 à 07:38
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

maka54 Messages postés 698 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 80
7 févr. 2013 à 11:40
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
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
8 févr. 2013 à 06:08
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.
0
Merci beaucoup du conseil,

Je suis en apprentissage :)
0
Merci beaucoup, vous n'étiez vraiment pas obligé de faire ça pour moi.. :-)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
11 févr. 2013 à 07:38
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.
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
7 févr. 2013 à 08:59
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?
-1
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
8 févr. 2013 à 21:01
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>

-1