[Problème] Résolution et zoom sur template beez5 bug

[dylan37]

Bonjour tout le monde, j'ouvre cette nouvelle discussion car j'ai un problème sur joomla que je n'arrive pas à résoudre..
Il est très important pour moi que mon site fonctionne sans problèmes de ce genre c'est pourquoi je m'en remet à vous.
Alors voila, je fais actuellement un site internet pour une entreprise qui vend des camping-cars, j'ai fait quasiment tout ce que j'avais à faire, mais un problème persiste : sur n'importe quel navigateur/poste lorsque je zoom ou que je change la résolution, l’affichage n'est plus le même, c'est un peu le bordel.
Voici les détails en images :

- Page d’accueil lorsque je ne zoom pas :


- Page d'accueil lorsque je zoom une fois (donc à 110%) :


- Page d’accueil lorsque je zoom une deuxième fois (donc à 125%) :


- Page d'accueil lorsque je dezoom une fois (donc à 90%) :


La version de mon easyphp est en 5.4.6, mon joomla en 2.5, et le template que j'ai pris de base est le beez5.

Je pense qu'en retapant certaines valeurs dans les fichiers CSS devrait suffire pour trouver que ça marche mais je n'ai pas réussi.

Merci d'avance, c'est vraiment très important pour moi.

[XdiZ]

Re : Résolution et zoom sur template beez5 bug

Salut,

Il faut regarder les types de tailles des polices utilisées : px (pixels), em, % ...

Je vous invite à lire :

• Différence em px % : http://forum.alsacreations.com/topic...ce-em-px-.html
• Typographie web : gérer la taille du texte avec les « em » : http://www.alsacreations.com/article...ec-les-em.html

[dylan37]

Re : Résolution et zoom sur template beez5 bug

Tu es sur que le problèmes vient des polices ? car dans mon cas c'est le menu, le logo et les images qui se chevauche

[lomart]

Re : Résolution et zoom sur template beez5 bug

Pour répondre, il nous faut au moins une url pour voir
ou à défaut la structure de l'entête. Comment est composé le header et les css en jeu

[dylan37]

Re : Résolution et zoom sur template beez5 bug

Il n'est pas encore hébergé malheureusement.
De quel fichier parles tu ? template.css, beez5.css, position.css ?

[XdiZ]

Re : Résolution et zoom sur template beez5 bug

Il faudrait avoir le code HTML du header et tout le CSS du header correspondant, pour se faire une idée.

[dylan37]

Re : Résolution et zoom sur template beez5 bug

Ou puis-je te trouver cela ?

[XdiZ]

Re : Résolution et zoom sur template beez5 bug

Pour le header, dans le fichier index.php du template je suppose. Généralement il est là.
Pour le CSS dans le template.css du sous dossier CSS.

[dylan37]

Re : Résolution et zoom sur template beez5 bug

Dans template.css j'ai ca :
body
{
background: #fff;
color: #000000;
font-size: 70%;
padding: 0px;
text-align: center;
}

body.contentpane {
width:auto;
margin:10px 3%;
text-align: left;
}
img { border: 0 none; }

et voici mon index.php :

https://mega.co.nz/#!eRpxgTyL!fp-XIWF_GDbQhIi1LZTGEnjsnuxO7hFug7AD7HvsK0o

[XdiZ]

Re : Résolution et zoom sur template beez5 bug

Tu peux utiliser ce site : http://codepen.io/pen/

ça permet d'avoir le HTML (copier/coller du code source qui englobe le "header"), le CSS ensemble et un aperçu final.

[dylan37]

Re : Résolution et zoom sur template beez5 bug

Ce qui m'embête le plus et que je n'arrive pas a corriger c'est la grand image avec marque le nom de l'entreprise et tout les logos, lorsque je zoom dessus ou que je change la resolution j'aimerais quand meme pouvoir voir tout les logos, enfin je sais pas si vous voyez ce que je veux dire..

[lomart]

Re : Résolution et zoom sur template beez5 bug

enfin je sais pas si vous voyez ce que je veux dire..

Si, mais sans code impossible d'aider.

[dylan37]

Re : Résolution et zoom sur template beez5 bug

Et bien je up ce poste dès que j'aurais hebergé le site ..

[lefabdu51]

Re : Résolution et zoom sur template beez5 bug

Et bien je up ce poste dès que j'aurais hebergé le site ..

Beez 2 n est pas responsif... de plus si on modifies la taille de la fenetre a la vollée, il faut actualiser celle ci pour voir certains changements...