Bonjour a tous. je suis en train de faire quelque modif sur un site web privé pour aider une amie. je ne suis pas hyper bon dans le domaine du webmaster étant en train d’apprendre.

Et mon problème, c'est qu'uelle souhaite intégrer des horloges sur le site en question dans la partie arriere plan, seulement j'aimerai que ceux-ci ait un aspect fixe mais ne dépende pas du texte ( du float je pense ), c'est a dire que je voudrais que ces horloges reste toujours avec la même position peut importe si je zoom ou de-zoom.

http://hpics.li/c607dd3 site de base à 100% je veux que les horloges reste dans cette position même si je de-zoom ou zoom

http://hpics.li/b87a2ba Actuellement j'obtiens ceci si je dezoom. ( en zoom les horloges vont dans la partie centrale.

Comment je peut faire pour avoir une proportion des horloges avec la page. je connais pas énormément WordPress je découvre depuis 4/5jours.
Devrais-je utiliser des conteneurs ou des blocks de chaque coté ?
Merci d'avance si vous avez des astuces.

Cordialement

Ps: Je n'ai pour le moment pas toucher au CSS, je n'ai rajouté que du
HTML

<div>
<SPAN style="position:absolute; top:30% ; right:16%;">
<script src="http://www.clocklink.com/embed.js"></script><
script
language="JavaScript">// <![CDATA[
obj=new Object;obj.clockfile="0001p-gray.swf";obj.TimeZone
="France_Paris";
obj.width=175;obj.height=175;obj.wmode="transparen
t";obj.Place="Paris";showClock(obj);

// ]]></script>

<script src="http://www.clocklink.com/embed.js"></script><
script
language="JavaScript">// <![CDATA[
obj=new Object;obj.clockfile="0001p-gray.swf";obj.TimeZone
="UnitedKingdom_London";
obj.width=175;obj.height=175;obj.wmode="transparen
t";obj.Place="Londre";showClock(obj);

// ]]></script>
</SPAN>
</div>

<div>
<SPAN style="position:absolute; top:30%; left:16% ;">
<script src="http://www.clocklink.com/embed.js"></script><
script
language="JavaScript">// <![CDATA[
obj=new Object;obj.clockfile="0001p-gray.swf";obj.TimeZone
="USA_Chicago";
obj.width=175;obj.height=175;obj.wmode="transparen
t";obj.Place="New
York";showClock(obj);
// ]]></script>

<script src="http://www.clocklink.com/embed.js"></script><
script
language="JavaScript">// <![CDATA[
obj=new Object;obj.clockfile="0001p-gray.swf";obj.TimeZone
="Russia_Moscow";
obj.width=175;obj.height=175;obj.wmode="transparen
t";obj.Place="Moscou";showClock(obj);

// ]]></script>
</SPAN>
</p
</div>

ça c'est pour intégrer les 4 horloges
y'a peut être plus simple non ?

Je m'auto répond une 3éme fois afin de préciser que j'ai enfin trouvé ma réponse. il me suffisais de lier mes scripts d"horloge absolute avec un "Parent en relative afin de changer ma position.

http://hpics.li/cdf2df5 => HTML
http://hpics.li/cfdc568 => CSS

Cordialement un débutant WebMaster