Mettre le corps sur une image

Mettre le corps sur une image - HTML/CSS - Programmation

Marsh Posté le 19-06-2008 à 16:59:02    

Bonjour,
je suis face à un problème et je vous demande de l'aide   :sarcastic:  
 
Sur une image, je voudrais mettre mon "corps". Comme vous pouvez voir ici : http://omegaclan.free.fr/test2.html
Mais le corps se trouve sous le menu et le texte sort de l'image. (j'ai mis une bordure pour repérer)
J'ai essayé plein de choses mais je suis perdu  :(   et je débute en CSS
D'ailleurs je ne sais pas si c'est la meilleure méthode, pouvez-vous m'aider ?
 
Merci.
 
CSS

Code :
  1. #corps
  2. {
  3.    width: 588px;
  4.    height: 555px;
  5.    font : 0.7em Verdana, Helvetica, sans-serif;
  6.    text-align : center;
  7.    line-height : 22px;
  8.    color: #492b11;
  9.    padding: 15px 18px 8px 15px;
  10.    border: 2px solid black;
  11.    margin-left: 250px;
  12. }
  14.     #FondCorps
  15. {
  16. background-image: url("menu/menutest.png" );
  17. background-repeat: no-repeat;
  18.    margin-top: 50px;
  19.    margin-left: 250px;
  20.    margin-bottom: 20px;
  21. width: 588px;
  22. height: 555px;
  23. margin: auto;
  24. }


 
HTML

Code :
  1. <div id="corps">
  2. <div id="FondCorps">
  3.    <h2>A qui s'adresse ce site ?</h2>   
  4.    <p>
  5.        A tout le monde ! Si je co.........

Reply

Marsh Posté le 19-06-2008 à 16:59:02   

Reply

Marsh Posté le 19-06-2008 à 17:12:50    

retrecis tes marges pour que les blocs s alignent
et augmente le padding pour que le texte soit confiné a son fond


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed