Banniere en resolution dynamique

[dikiz]

Hello tout le monde-

Mon theme (wordpress) a 2 sidebars fixes et la partie centrale est dynamique.

Comme le dit le titre du post, je cherche une solution pour afficher la banniere elle aussi en dynamique.

J avais penser a un script qui apres avoir detecte la resolution du visiteur, affiche la bonne banniere correspondante parmi toutes celles hebergees.

Evidemment je n ai aucune idee de comment ca marche ni meme si c est possible . Comme fait-on d habitude? une idee? Merci! ++

[sopo]

Salut,

le script de détection de la résolution ne sera de toutes façons pas fiable. A éviter, donc. A quoi ressemble ta bannière ? Difficile de suggérer une méthode sans avoir une idée du résultat souhaité

[dikiz]

D'abord merci pour la reponse. Par contre pourquoi le script ne sera-t-il pas fiable ?

Quelle solution proposerais-tu ?

La bannière, dans son état non achevé est visible ici:

http://uzi.jupiterii.com/final_resized_250pxv2.jpg

et le reste site à la racine de l'url ci-dessus.

Merci encore !

[sopo]

Personnellement, je centrerais l'image dans une balise de titre <h1>, avec un fond noir. Ainsi, si la résolution de l'écran est suffisament grande, la couleur de fond prolongera l'image sans que le visiteur puisse distinguer la limite entre les deux :

HTML : <h1><img src="..." alt="dikiz connexion" /></h1>

CSS :
h1 {
   text-align: center;
   background: #000;
   color: #fff;
   margin: 0;
}

Il faudra cependant limiter la largeur minimale du site en fonction de la taille de l'image, sans quoi le résultat risque d'être curieux dans les résolutions plus faibles. Une largeur maximale sera aussi utile pour éviter des lignes de texte interminables & illisibles ...

[dikiz]

j'étais pas vraiment emballé par cette solution mais finalement, elle marche nickel!

Juste une question: j'ai pas utilisé les balises H1, et j'ai un pb pour le centrage de l'image

<div id="logo">
<a href="<?php bloginfo('home'); ?>" title="dikiz'connection"><img src="<?php bloginfo('template_directory'); ?>/images/header/logo.jpg" alt="Logo" class="logo" /></a>
</div>

/* Header */
#logo {
background:#101010;
}

#logo .logo {
margin-left:0px
}

=>Quel balise utiliser pour centrer l'image ?

Et ça sera parfait!, Merci!

[slender]

Quel balise utiliser pour centrer l'image ?

Et ça sera parfait!, Merci!

normalement

margin-left: auto;

margin-right: auto;

[Dan]

Ou tout simplement un text-align:center dans la <div> qui contient l'image

[dikiz]

La bannière vient tjs se coller sur la gauche...Un float à ajouter ?

[dikiz]

Ou tout simplement un text-align:center dans la <div> qui contient l'image

En fait il fallait le mettre dans le css!

Merci!

Résolu!