28173 sujets

CSS et mise en forme, CSS3

[Astuce] Image et taille des images dans un menu

Si vous pensez à l'interopérabilité, il est rarement dissociable de la la résolution d'écran. Il est peu probable en effet de voir un internaute naviguer sur IE 5.01 avec une résolution de 1280 ... Smiley ravi

Si vous souhaitez donc que votre site soit interopérable, il vous faut pensez aux anciennes résolutions. Si les statistiques montrent que l'on descend peu ou prou sous les 800 x 600, les utilisateurs de Ebook (Mac) utilisent parfois encore le 640 par 480 pixels.

Même si votre site est bien fait, qu'il est en valeurs relatives (% ou em) pour délimiter la largeur du menu (souvent à gauche) et du bloc texte (souvent à droite du menu), vous vous heurterez au probleme du logo (cliquable et présent dans le menu comme lien vers la page d'accueil) qui finira par manger le texte en résolutions de type 640 ...

Quelle solution ?


<body>
    <div id="menu">
        <ul>
            <li><a href="accueil.html" accesskey="1" tabindex="901"><img src="logo.png" alt="accueil" /></a></li>
            <li><a href="chasse-au-dahu.html" tabindex="902">Dahu</a></li>
        </ul>




#menu{
    width:30%
}
#menu img{
    width:100%
}


Ainsi si vous testez votre page en réduisant la taille de la fenêtre, votre image gardera 100% des 30% du menu, soit 30% de la page totale, et n'empiètera pas sur le texte Smiley cligne
Modifié par Gunner4902 (25 Feb 2007 - 14:24)
Salut,

Il va falloir que tu me les présente les deux hommes de cromagnons qui n'ont pas pu modifier leur résolution d'écran pour surfer en 640x480, sincèrement je crois plus que ca existe, surtout sur mac, vu la finesse des écrans portables chez eux... Personnellement, ils ne m'intéresseront jamais car développer pour eux serait un investissement forcément trop conséquent pour être vraiment utile.
Mikachu a écrit :
Il va falloir que tu me les présente les deux hommes de cromagnons qui n'ont pas pu modifier leur résolution d'écran pour surfer en 640x480


Avec moi, ça fait déjà un, sur divers config pas nécessairement liées à Mac ni au PC. Et ne datant pas du tout de Mathusalem Smiley cligne
Modifié par Laurent Denis (21 Feb 2007 - 23:17)
Laurent Denis a écrit :


Avec moi, ça fait déjà un, sur divers config pas nécessairement liées à Mac ni au PC. Et ne datant pas du tout de Mathusalem Smiley cligne

Bon enfin j'ai déja du mal à utiliser un écran en 1280x960 car je trouve déja la surface trop petite, 1024x768 je comprends, 800x600 j'ai du mal, mais alors 640x480, ca devient du mythe à ce niveau là.
Peut être que l'autre homme de cromagnon est dans un bloc de glace et qu'un jour on le retrouvera lors de la fonte des neiges, après la prochaine ère glaciaire ? On retrouvera peut être l'artisan installé dans son écran, qui gravait chaque pixel au marteau et au burin Smiley lol
Modifié par Mikachu (24 Feb 2007 - 11:21)
Sujet clos
Aller à