Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
753 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1311125
jherek316
Posté le 22-02-2006 à 02:05:24  profilanswer
 

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. }
  9. #menu {
  10. background-image : url(images/menu.jpg);
  11. position:absolute;
  12. top: 130px;
  13. width: 140px;
  14. height: 140px;


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

Code :
  1. <div id="general">
  2. <div id="menu">
  3.   <a href="index.php?page=xxx">Accueil</a><br>
  4.   <a href="index.php?page=yyy>News</a><br>
  5.   <a href="index.php?page=zzz">Contact</a><br>
  6.   <a href="phpBB/index.php" target="_blank">Forum</a><br>
  7.   <p>Coucou tout le monde.</p>
  8. </div>
  9. </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
mood
Publicité
Posté le 22-02-2006 à 02:05:24  profilanswer
 

n°1311132
blastman
just me !
Posté le 22-02-2006 à 06:11:08  profilanswer
 

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">
  2.    <ul>
  3.         <li><a href="index.php?page=xxx">Accueil</a></li>
  4.         <li><a href="index.php?page=yyy>News</a></li>
  5.         <li><a href="index.php?page=zzz">Contact</a></li>
  6.         <li><a href="phpBB/index.php" target="_blank">Forum</a></li>
  7.    </ul>
  8. </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
n°1311242
jherek316
Posté le 22-02-2006 à 10:47:31  profilanswer
 

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...


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Fixer la dimension d'une imageInsérer du texte récurrent dans une page par les CSS ?
script JS qui affiche une zone de texte en fonction d'un selectpb upload image
centrer verticalement image ds paragrapheLargeur d'un texte suivant sa police et sa taille
[Pas tout à fait résolu] Pb de positionnement de div en design fluideproteger du texte dans un xml
Faire une attente entre 2 affichage d'imagealigner verticalement une image ?
Plus de sujets relatifs à : [Réglé]Positionnement du texte dans un DIV et Background-image


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR