DIV a centrer

DIV a centrer - HTML/CSS - Programmation

Marsh Posté le 08-02-2005 à 11:52:13    

une question toute bête, voila g un div en position absolute de 800px de largeur que je voudrais centrer dans ma page.
 
Comment faire ?

Reply

Marsh Posté le 08-02-2005 à 11:52:13   

Reply

Marsh Posté le 08-02-2005 à 11:54:17    

body, html > width:100%; text-align:center;
div > margin-left:auto; margin-right:auto; text-align:left;
 
hop :)
 
cf : http://incongru.webdynamit.net/CentrageHorizontal

Reply

Marsh Posté le 08-02-2005 à 12:26:55    

ok jvais voir ca


Message édité par Profil supprimé le 08-02-2005 à 12:30:28
Reply

Marsh Posté le 08-02-2005 à 13:55:30    

bon en fait je voudrais minspirer de ce site
http://www.lelycee.org/top_pages/index.fr.php
Et refaire le menu en bleu (notre  etablissement, einscription)
 
Et ca avec l'aide de div
 
Mon code ressemble a ca :  

Code :
  1. <div id="menu">
  2.   <img src="../images/menu_fr_05.gif" alt="coin" />
  3.   <img src="../images/menu_fr_13.gif" alt="coin" />
  4. </div>


 
Dans ma feuille de style j'ai :

Code :
  1. #menu
  2. {
  3. position:relative;
  4. margin-left: auto;
  5.    margin-right: auto;
  6. text-align: left;
  7. height:20px;
  8. width:800px;
  9. background-color:#5073B1;
  10. }


 
Et voila le background déborde sur les deux images...
 
Ensuite lorsque je met les images a lexterieurs du div il a y un espace a entre les images et le div

Reply

Marsh Posté le 08-02-2005 à 14:19:10    

T'inspires pas du code de ton site, il est super nul :

  • Tout en tableau
  • Aucune, mais alors aucune sémantique
  • JavaScript fait par un débutant : Faut qu'on m'explique ça :

    Code :
    1. } else if (IE && !gecko){
    2. ...
    3. } else if (gecko || IE){
    4. ...
    5. }

    Si IE est à true, il va jamais rentrer dans le deuxième, suffisait d'écrit else if(IE) et else if(gecko), mais de toute manière la détection de navigateur, c'est mal et naze

  • site totalement inaccessible sans JS :/
  • etc, etc...


Pour ton cas, utilise plutôt un <ul> à la place du <div>, vu que t'es en présence d'une liste de liens...


Message édité par FlorentG le 08-02-2005 à 14:19:42
Reply

Marsh Posté le 08-02-2005 à 14:56:11    

G meme pas regardé le code a vrai dire je voulais juste refaire le menu bleu a ma sauce
Mais jy arrive pas comme je voudrais
Et c trop un pb pour moi ca. Les bordures de ce genre je men sort jamais

Reply

Marsh Posté le 08-02-2005 à 15:15:22    

Comment enleve ton lespace entre les images ? Je comprends pas ouinnnnnnnnnnnnnnnnnn

Reply

Sujets relatifs:

Leave a Replay

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