Retour à Forum de programmation

CSS aligner centre [Solved]

  • alex89
  • Bronze Member
  • Bronze Member
  • Avatar de l’utilisateur
  • Inscription: Juil 18, 2008
  • Messages: 239
  • Loc: Western Australia
  • Status: Offline

Message Juillet 28th, 2009, 10:19 pm

Hey guys

Im essayant d'aligner quelques éléments au centre, sur la page, d'une distance déterminée par le haut.

Ive a obtenu un élément <ul>, avec des listes alignés autour de l'extérieur dans un cercle. This works fine.

Ive a aussi ajouté quelques éléments <div>, et ils alignent amende dans Firefox, mais allez tous Screwy dans IE et Firefox en toute sécurité.

Il s'agit de la CSS pour l'un des divs:

Code: [ Select ]
    top: 340px;
    position: absolute;
    left: 50%;
    width: 200px;
    overflow: auto;
    margin-left: -100px;
  1.     top: 340px;
  2.     position: absolute;
  3.     left: 50%;
  4.     width: 200px;
  5.     overflow: auto;
  6.     margin-left: -100px;


J'ai essayé d'ajouter le code suivant pour la <ul>, mais il ne semble pas fonctionner.
Code: [ Select ]
text-align:center;


HTML:
Code: [ Select ]
<ul>
<li class="home">...</li> //a few more of these too
 
<div class="google">Search box</div>
 
<div id="settings"><a href="#settings"><b>Settings</b></a></div>
<div id="usertext">You are logged in as Administrator<br /></div>
 
</ul>
  1. <ul>
  2. <li class="home">...</li> //a few more of these too
  3.  
  4. <div class="google">Search box</div>
  5.  
  6. <div id="settings"><a href="#settings"><b>Settings</b></a></div>
  7. <div id="usertext">You are logged in as Administrator<br /></div>
  8.  
  9. </ul>


En action: http://uwadb.com/start/
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juillet 28th, 2009, 10:19 pm

  • alex89
  • Bronze Member
  • Bronze Member
  • Avatar de l’utilisateur
  • Inscription: Juil 18, 2008
  • Messages: 239
  • Loc: Western Australia
  • Status: Offline

Message Juillet 28th, 2009, 10:52 pm

Le texte suivant a fonctionné:

Code: [ Select ]
 <ul>
<li class="home">...</li> //a few more of these too
</ul>

<div class="google">Search box</div>
<div id="settings"><a href="#settings"><b>Settings</b></a></div>
<div id="usertext">You are logged in as Administrator<br /></div>
  1.  <ul>
  2. <li class="home">...</li> //a few more of these too
  3. </ul>
  5. <div class="google">Search box</div>
  6. <div id="settings"><a href="#settings"><b>Settings</b></a></div>
  7. <div id="usertext">You are logged in as Administrator<br /></div>


(en prenant le <div> s hors de la <ul>)

Merci!

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 2 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 312 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC