Problème de débutant

Problème de débutant - HTML/CSS - Programmation

Marsh Posté le 25-07-2002 à 16:32:09    

Voila j'ai un petit problèm: sur ma page j'ai insérer une horloge et je l'ai positionné à l'aide des fonctions style="position:absolute; left:xxx; top:xxx;...
mon problème  c'est que dès que la résolution graphique change (si on passe de 1027*768 à 800*600 par ex) et bien évidement mon horloge n'est plus correctement positionnée.  
existe t'il un moyen (par script) pour faire en sorte que suivant la résoltion utilisé, la position de mon horloge soit la même?
 
me suis-je bien fais comprendre???
 
merci de me répondre vite

Reply

Marsh Posté le 25-07-2002 à 16:32:09   

Reply

Marsh Posté le 25-07-2002 à 16:36:20    

des positions absolues dans des pages HTML, c pas bon du tout !
pour cette raison là entre autre.
l'HTML, ça sert en partie a ce que tu demande.
La solution, donc, c'est d'apprendre l'HTML !
Utiliser un tableau par exemple.

Reply

Marsh Posté le 25-07-2002 à 16:36:29    

yep.
 
tu nommes ta balise :
 
<div id='horloge' style='...'>...
 
<script>
  // tu la récupères :
  var n = document.getElementById('horloge';);
  // tu récupères la largeur de la fenêtre :
  var width = document.body.offsetWidth;
 
  // tu accèdes à la position de ton div par n.style.left et n.style.top
  // par exemple ...
  n.style.top = width / 2;
  // ... positionnera le côté gauche du div au milieu de la page
</script>
 
 
ensuite, tu peux mettre ce code dans une fonction, l'appeler lors du onload de la page, du onresize, etc.

Reply

Marsh Posté le 25-07-2002 à 16:37:09    

el_gringo a écrit a écrit :

Utiliser un tableau par exemple.


c'est vrai que c'est beaucoup + simple :D

Reply

Marsh Posté le 25-07-2002 à 16:43:58    

C'est bien une réponse de pro ca. Figure toi que j'apprends en ce moment. Doucement mais surement. Et c'est justement en faisant ce type d'erreur, que je ne peux que progresser. tu fais comment au début toi?  
merci pour ta réponse quand même...
 
 

el_gringo a écrit a écrit :

des positions absolues dans des pages HTML, c pas bon du tout !
pour cette raison là entre autre.
l'HTML, ça sert en partie a ce que tu demande.
La solution, donc, c'est d'apprendre l'HTML !
Utiliser un tableau par exemple.



Reply

Marsh Posté le 25-07-2002 à 16:46:26    

youdontcare a écrit a écrit :

yep.
 
tu nommes ta balise :
 
<div id='horloge' style='...'>...
 
<script>
  // tu la récupères :
  var n = document.getElementById('horloge';);
  // tu récupères la largeur de la fenêtre :
  var width = document.body.offsetWidth;
 
  // tu accèdes à la position de ton div par n.style.left et n.style.top
  // par exemple ...
  n.style.top = width / 2;
  // ... positionnera le côté gauche du div au milieu de la page
</script>
 
 
ensuite, tu peux mettre ce code dans une fonction, l'appeler lors du onload de la page, du onresize, etc.




 
Merci pour ton aide... ca parait simple...
 
Tchô

Reply

Marsh Posté le 25-07-2002 à 16:53:51    

dionysos a écrit a écrit :

C'est bien une réponse de pro ca. Figure toi que j'apprends en ce moment. Doucement mais surement. Et c'est justement en faisant ce type d'erreur, que je ne peux que progresser. tu fais comment au début toi?  
merci pour ta réponse quand même...




 
..Je suis loin d'être un pro en HTML.
Mais en utilisant la solution de Mr youdontcare (qui n'a fait que te donner ce que tu demandais !), tu te compliques vachement la vie, t'es compatible avec moins de navigateur, alors qu'avec du bête HTML, c'est simple comme bonjour (et même boujour, c peut être plus compliqué !)

Reply

Marsh Posté le 25-07-2002 à 17:10:36    

el_gringo a écrit a écrit :

(qui n'a fait que te donner ce que tu demandais !)


beh oui ... je vois "y'aurait-il moyen de garder telle position par script", je file un script. je pensais qu'il voulait afficher son horloge par-dessus (au sens littéral) du html normal, ce qui est impossible à faire sans position absolute.
 
ensuite, tu peux effectivement bidouiller avec des tables positionnées en absolu et avec une largeur de 100%, ou avec des margin-left & right à auto, mais c'est pas garanti. la soluce filée plus haut à l'avantage de marcher sous ie & mozilla, c'est déjà ça.

Reply

Marsh Posté le 25-07-2002 à 17:33:16    

dionysos : comment veux-tu positionner ton horloge exactement ?

Reply

Marsh Posté le 25-07-2002 à 20:32:48    

je confirme...tu la fous dans un tableau, avec les attributs center center...
 
-->pour ce genre de chose, et pour apprendre (ce que je fais en même temps que toi), g choisis d'aller sur le site du W3C pour avoir les recommandations officielles...qui sont un listing exhaustif de tt les fonctions du langage...occupe toi de la 4.01, ou mieux, de la XHTML 1.0


D'autres liens intéressants je pense :
 



 
 


---------------
Jubi Photos : Flickr - 500px
Reply

Sujets relatifs:

Leave a Replay

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