Pages: 1 2
Bonjour à tous !
Je voulais savoir s'il était possible de fixer par défaut une largeur "X" pour l'affichage de nos galeries ?
Je viens de m'offrire un écran 20.1 pouces en 16/9eme et en plein écran (res: 1680x1050), la galerie s'affiche sur toute la largeur ce qui dénature pas mal l'harmonie des pages... (Biensur tout le monde n'est pas en 16/9eme... Pour ceux qui le sont c'est bien plus appréciable et pour les autres, ça ne change rien si on fixe la largeur judicieusement, par exemple 1000 ou 900 pix puis que les résolutions 1024 de large sont encore le plus courant)
>>> Ce que j'ai :
>>> Ce que je voudrais :
Merci beaucoup pour votre aide !
Cordialement,
Thomas
Dernière modification par epok (2006-09-11 14:04:47)
Hors ligne
Salut, je ne suis pas certain pour la résolution. D'après mes stats y a quand même pas mal de visiteur qui sont en 800x600.
Hors ligne
Il y a encore une majorité de 800x600 ???
Je n'ai pas ce type d'infos dans mes stats chez 1&1, mais j'aurais cru que la résolution 1024x768 était (largement) majoritaire ! :)
Mais bon cela ne change pas trop ma demande, il suffit de configurer pour un affichage fixe de 800 de large...
Merci d'avance ;)
A+
Thomas
Hors ligne
Voir même encore mieux : il faudrait une détéction de la résolution du visiteur et le diriger automatiquement suivant cette dernière vers une mise en page fixe approprié :
800x600 -> 800 de large
1024x768 ou plus -> 1000 de large
Bon ok, j'en demande beaucoup trop là, je sors... :p
A+
Thomas
Hors ligne
Je n'ai pas essayé mais à ta place dans /template-common/local-layout.css
(à créer ou compléter)
J'indiquerai quelque chose comme:
#the_page, #theHeader, #copyright {
width:1024px;
}
8-)
Hors ligne
Cela semble difficile de l'ajuster à la résolution du visiteur mais tu peux toujours faire une demande d'évolution dans l'outil dédié:
http://bugs.phpwebgallery.net/
8-)
Hors ligne
Salut,
l'idée est d'ajouter un test
<SCRIPT LANGUAGE="JavaScript1.2"> <!-- debut du script if (screen.width==800) location="http://www.adresse.com?res=800"; else if (screen.width >= 800) location="http://www.adresse.com?res=1024"; // Fin du script --> </SCRIPT>
Le problème de ce genre de truc c'est lors du passage page par page il faut faire suivre le paramètre.
Le javascript n'est pas trop mon truc, mais je crois possible d'avoir un script dans le head qui va modifier le nom du fichier css à utiliser.
Il faut donc un CSS par résolution, donner un id au link du CSS.
<link type="text/css" rel="stylesheet" href="inc/style.css" id="resolutioncss">
et faire un truc du genre
document.getElementById('resolutioncss').href = 'inc/style1024.css'
Je laisse quelqu'un de calé en javascript formuler correctement le tout.
Hors ligne
VDigital a écrit:
Je n'ai pas essayé mais à ta place dans /template-common/local-layout.css
(à créer ou compléter)
J'indiquerai quelque chose comme:#the_page, #theHeader, #copyright {
width:1024px;
}8-)
Ah presque bon ! :)
Ca passe impec' sur Internet Explorer mais Firefox ne semble pas comprendre !
Merci qd même, c'est déjà pas mal puisque ça correspond à une majorité (pour ça j'ai les stats : 52% IE pour 34% Mozila)
A+
Thomas
Hors ligne
Pour FF (ajouter simplement ceci juste après):
BODY#theCategoryPage #the_page, BODY#thePicturePage #the_page {
width:1024px;
}
Ça devrait le faire...
Je n'ai bien entendu pas essayé.
8-)
Hors ligne
VDigital a écrit:
Pour FF (ajouter simplement ceci juste après):
BODY#theCategoryPage #the_page, BODY#thePicturePage #the_page {
width:1024px;
}Ça devrait le faire...
Je n'ai bien entendu pas essayé.
8-)
Cela redimensionne bien la page sous FF mais elle se cale à gauche de la fenetre... Un solution pour centrer le tout ? :)
Thomas
Hors ligne
De mémoire:
BODY#theCategoryPage #the_page, BODY#thePicturePage #the_page {
width:1024px;
margin: 0px auto 0px auto;
}
Hors ligne
Eh bien comment dire... PARFAIT ! :)
VDigital, merci beaucoup pour ton aide, express qui plus est !
A+
Thomas
Hors ligne
Bonsoir à tous,
Je ne suis vraiment pas expert, mais il me semble que j'ai trouvé plus simple.
Dans theme.css, j'ai ceci :
/* Backgrounds */
BODY {
background-color: #202020;
border: 1px solid #606060;
width: 1024px; /* Bloquer largeur écran */
margin: 0px auto 0px auto; /* Bloquer largeur écran */
}
Est-ce correct ? En tout cas, cela fonctionne dans Safari et Firefox.
Avec l'autre solution, j'avais qlq petits problèmes (logo et page picture)
iPhoto
Hors ligne
Qu'est-ce que j'ai écrit: Là ?
La différence entre ta proposition et la mienne est que je limite l'action de fixer la largeur aux écrans principaux des visiteurs, l'admin reste "élastique".
8-)
Hors ligne
Je peux dire un grand Bravo à quelqu'un?
Alors je vous invite à lire cette page... A propos
(Cela va m'inciter à sortir une version intermédiaire de VI).
Hors ligne
Pages: 1 2