Superposition d'images
Résolu
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
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 -
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.. :-)
-
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.
-
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? -
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>
