Repositionner éléments d'un javascript

[Kingston]

Bonjour,

Voilà, cela fait un petit bout de temps que sur mon forum j'ai un script type javascript qui permet aux membres de choisir entre garder un header en particulier ou rester sur les headers aléatoires. Nous venons à peine de changer de design et nous avons opté pour un header de fond, jusque là tout va bien mais petit problème, du coup le header a une marge en haut et il est collé à gauche au lieu d'être centrer. Je n'avais pas ces problèmes avant de passer en header de fond, j'ai essayé de tenter quelques faintes en CSS mais rien n'y fait, est-ce possible modifier en css les éléments du script qui correspondent au header et aussi aux textes que j'aimerais mettre à droite et pas à gauche. Voilà le fameux script :

Code:

function createCookie(name,value,days) {
   if (days) {
      var date = new Date();
      date.setTime(date.getTime()+(days*24*60*60*1000));
      var expires = "; expires="+date.toGMTString();
   }
   else var expires = "";
   document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
   var nameEQ = name + "=";
   var ca = document.cookie.split(';');
   for(var i=0;i < ca.length;i++) {
      var c = ca[i];
      while (c.charAt(0)==' ') c = c.substring(1,c.length);
      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
   }
   return null;
}

function eraseCookie(name) {
   createCookie(name,"",-1);
}

function keep_header(num) {
createCookie('header', num, 100);
$(".choixheader").replaceWith("<div class='choixheader'><a href='#' onClick='random_header()'>REVENIR A L'ALEATOIRE</a></div>");
}

function random_header() {
eraseCookie('header');
location.reload();
}
  
  var cookie = readCookie('header');
  var tab = new Array();

/* METTEZ ICI LES ADRESSES DE VOS BANNIERES
VOUS POUVEZ EN METTRE AUTANT QUE VOUS VOULEZ
IL SUFFIT DE RAJOUTER DES LIGNES */

tab[tab.length] = "URL1";
tab[tab.length] = "URL2";

  
$(document).ready(function(){
  
  var num_header = Math.floor(Math.random()*tab.length);
  var message = "<div class='choixheader'><a href='#' onClick='keep_header(" + num_header + ")'>SELECTIONNER</a></div>";
  if(cookie != null) {
     num_header = cookie;
  message = "<div class='choixheader'><a href='#' onClick='random_header()'>REVENIR A L'ALEATOIRE</a></div>";
  }
  $('#i_logo').attr('src',tab[num_header]);
  $('body').prepend(message);
});

Merci d'avance

[Kingston]

Up

[Kingston]

Update

[Lixyr]

Bonsoir, Kingston,

Peut-on avoir le lien du forum concerné ?
Sinon à tout hasard avez-vous essayé de mettre ceci dans votre CSS ?

Code:

.choixheader {background-size:100%; background-position: 50% 0%;}

[Kingston]

Merci beaucoup le code fonctionne à merveille