Centrer une horloge javascript

Centrer une horloge javascript - HTML/CSS - Programmation

Marsh Posté le 06-12-2010 à 17:59:00    

Bonjour,
 
J'ai placé un script javascript pour afficher une horloge sur mon site, et j'ai beau le remuer dans tous les sens, mettre des balises <center></center>, etc... impossible de la centrer, elle s'affiche toujours à gauche de ma page.  
Voici le script:
 
<script type="text/javascript">
function UR_Start()  
{
 UR_Nu = new Date;
 UR_Indhold = showFilled(UR_Nu.getHours()) + ":" + showFilled(UR_Nu.getMinutes()) + ":" + showFilled(UR_Nu.getSeconds());
 document.getElementById("ur" ).innerHTML = UR_Indhold;
 setTimeout("UR_Start()",1000);
}
function showFilled(Value)  
{
 return (Value > 9) ? "" + Value : "0" + Value;
}
 
</script>
 
Auriez-vous une solution pour centrer ce script dans ma page?
Merci d'avance

Reply

Marsh Posté le 06-12-2010 à 17:59:00   

Reply

Marsh Posté le 06-12-2010 à 20:43:28    

Il te suffit de centrer "ur". Si c'est un div, c'est facile.

Reply

Marsh Posté le 06-12-2010 à 20:53:54    

D'accord :) Mais, dans CSS j'ai déjà essayé mais comme je débute, je ne connais pas toutes les balises...
J'ai essayé de mettre .ur ou #ur, et j'ai entré text-align:center, mais ça ne fait rien...
Si ça ne te dérange pas, peux-tu me dire comment tu aurais fait, quelle balise aurais-tu mis?
Merci d'avance

Reply

Marsh Posté le 07-12-2010 à 11:01:46    

J'aurais fait un truc comme ça en CSS :
 

Code :
  1. .ur {
  2.   margin-left: auto;
  3.   margin-right: auto;
  4. }


 
Pour la balise, div c'est bien.


Message édité par regexp42 le 07-12-2010 à 11:02:15
Reply

Marsh Posté le 07-12-2010 à 11:30:15    

Merci pour ton aide =)
J'ai essayé ta méthode qui n'a pas marché mais je l'ai un peu modifiée et c'est bon:
Dans le HTML autour de mon script j'ai mis <div class="ur"></div> et dans le CSS j'ai mis : div.ur {text-align: center;}

Reply

Sujets relatifs:

Leave a Replay

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