Superposition d'images
Résolu
Gene
-
tryan44 Messages postés 1288 Date d'inscription Statut Membre Dernière intervention -
tryan44 Messages postés 1288 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Superposition d'images
- Des images - Guide
- Extraire images pdf - Guide
- Images enregistrées - Forum Bureautique
- Recherche images - Guide
- 4 images 1 mot niveau 10 chaperon rouge ✓ - Forum Jeux vidéo
7 réponses
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
les tables sont dépréciés également pour la mise en page d'un site
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.
Bonne continuation.
Salut,
Si au lieu de faire :
vous faites :
...ça donne quoi?
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?
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>