Discussion :

[Sepiaan]

Bonjour,

J'ai realisé un template qui utilise des tableau dans lesquels les images se melangent au texte et aux inputs.
Lorsque je définis une police trop grande pour mes éléments de texte, tout le tableau s'en trouve chamboulé et le template n'a plus sa "belle" allure.
Or il est possible à l'utilisateur de grossir la taille des polices (CTRL+molette) et là malheur, tout est chamboulé.
Comment spécifier au navigateur que l'agrandissement n'est pas autorisé (ça me gène un peu vis à vis des mal-voyants )

Ou sinon quelle est la solution alternative que vous voyez ?
Sachant que la structure du tableau organisant les élément du template a été créée automatiquement par un logiciel du type imageReady et qu'il génère un code et un découpage un peu décourageant

[Bisûnûrs]

Si tu définis des styles, l'agrandissement ne se fera plus sur IE.

Mais tu ne peux pas empêcher l'utilisateur d'agrandir le texte sur Firefox.

[Sepiaan]

Merci de ta réponse, ça sera dejà un point plus simple lorsque je ferai mes tests sur IE.
Cependant, il semble que ce ne soit pas la taille de la police définie dans le style qui soit complètement responsable du chamboulement du template... ainsi lorsque je modifie la taille de police dans le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
	body, table{
		font-size:6pt;
		font-family:'Comic Sans MS';
	}

Je n'obtiens pas le même résultat que lorsque je CTRL+molette sur ma page...

Un exemple étant plus clair que mon discours :

Voici l'aspect du site lorsque l'affichage du navigateur est réglé sur taille 0 (normal)


voici l'aspect lorsque l'affichage du navigateur est toujours sur 0 (normal) mais que la taille de la police a été redéfinie dans le style...


et voici l'aspect avec la taille de la police dans le style comme pour la première image, mais un affichage (CTRL+molette) plus petit...



Il semble que la taille de mes polices definies dans le CSS ne correspondent pas a l'action que j'ai lorsque je change l'affichage dans le navigateur...
Comment peut t'on forcer le navigateur à se caler comme il faut ?

Merci.

[Sepiaan]

J'ai trouvé que ça venait de mes textbox (input) qui n'avaient pas de style css défini dans leur cas.
Bref je galère avec ces aspects graphiques, mais bon... ca forme la jeunesse parait t'il

[Sepiaan]

Sous IE


Sous firefox affichage normal du navigateur...



Sous firefox, affichage agrandi du navigateur...



Je n'arrive pas a faire evoluer mon CSS pour qu'il puisse afficher le texte de la meme manière que la 3ème image, mais par défaut !
Dès que je touche à la taille des polices, tout fout le camp

sachant que les zones de login et les zones de password sont des input et que le texte est dans un tableau.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
	body, table {
		font-size:8px;
		font-family:'Comic Sans MS';
	}
	input{
		font-size:8px;
		font-family:'Comic Sans MS';

En gros, j'aimerai arriver à la 3ème image.

[Bisûnûrs]

Mets 10px à la place de 8px ...