[Réglé]Positionnement du texte dans un DIV et Background-image

Positionnement du texte dans un DIV et Background-image [Réglé] - HTML/CSS - Programmation

Marsh Posté le 22-02-2006 à 02:05:24    

Bonjour tout le monde,  
 
j'essaye de réecrire mon site en substituant les tables par des DIV.  
 
Voici un extrait de mon CSS :  
 

Code :
  1. #general {
  2. background-color:white;
  3. position:absolute;
  4. left: 50%;
  5. width: 970px;
  6. height:800px;
  7. margin-left: -485px;
  8. }
  10. #menu {
  11. background-image : url(images/menu.jpg);
  12. position:absolute;
  13. top: 130px;
  14. width: 140px;
  15. height: 140px;


 
J'utilise l'Id #menu dans une balise DIV :
 

Code :
  1. <div id="general">
  3. <div id="menu">
  5.   <a href="index.php?page=xxx">Accueil</a><br>
  6.   <a href="index.php?page=yyy>News</a><br>
  7.   <a href="index.php?page=zzz">Contact</a><br>
  8.   <a href="phpBB/index.php" target="_blank">Forum</a><br>
  10.   <p>Coucou tout le monde.</p>
  12. </div>
  14. </div>


 
Mon problème est le suivant :  
 
Je veux positionner en X et Y les liens et le texte à l'interieur du DIV avec l'id #menu. Mais en utilisant les attributs margin-top et margin-left, je décale mon div tout entier, qui ne se trouve plus à la bonne position !  
 
Est-il possible de définir une marge à l'intérieur d'un div sans modifier sa position ? Je n'y comprends vraiment rien...  
 
Merci beaucoup de votre aide !


Message édité par jherek316 le 22-02-2006 à 10:48:11
Reply

Marsh Posté le 22-02-2006 à 02:05:24   

Reply

Marsh Posté le 22-02-2006 à 06:11:08    

déjà fais une liste si tu peux ce sera plus beau et ensuite dans ta feuille de  style tu bouge ta liste en X et Y avec margin
 
HTML

Code :
  1. <div id="menu">
  3.    <ul>
  4.         <li><a href="index.php?page=xxx">Accueil</a></li>
  5.         <li><a href="index.php?page=yyy>News</a></li>
  6.         <li><a href="index.php?page=zzz">Contact</a></li>
  7.         <li><a href="phpBB/index.php" target="_blank">Forum</a></li>
  8.    </ul>
  10. </div>


 
CSS

Code :
  1. #menu ul
  2. {
  3. /* ici tu bouge ta liste donc tout les liens */
  4. }


Message édité par blastman le 22-02-2006 à 06:17:35

---------------
http://www.blastmanu.info
Reply

Marsh Posté le 22-02-2006 à 10:47:31    

Merci  beaucoup pour ta réponse, ça fonctionne très bien... je viens au passage de comprendre que IE et Mozilla ne fontionnaient pas de la même façon...

Reply

Sujets relatifs:

Leave a Replay

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