Pour accéder à toutes les fonctionnalités de ce site, vous devez activer JavaScript. Voici les instructions pour activer JavaScript dans votre navigateur Web.

Afficher les dimensions des éléments de son site

Comment connaître les différentes dimensions de son site

Voici quelques astuces qui permettent de connaître les dimensions en pixels des éléments de votre site sans devoir passer par la gestion du design, ce qui évite de devoir fermer votre page en cours de création pour accéder au design.

Par exemple, il est utile de connaître la largeur où la hauteur que l'on dispose pour insérer une photo; video; animation flash; etc.

Tout d'abord, vous devez ouvrir la page en question où une autre de votre site.
Chaque commande (script) de cette page sera à insérer dans la barre d'adresse de votre navigateur à la place de votre URL (adresse) et valider. Ceci ne modifie pas votre site !

Par exemple, copiez et collez cette commande dans la barre d'adresse de cette page :

Si vous êtes sous Firefox, il faut insérer les commandes dans la console web, pour la lancer :
Aller dans le menu "Outils" puis "Développeur web" et "Console Web"
ou utilisez le raccourci CTRL + Maj + K.

Liste des commandes
Site Entier
Largeur :
Hauteur :
Entête
Largeur :
Hauteur :
Contenant (contenu + menu verticaux + marge)
Largeur :
Hauteur :
Contenu de votre page
Largeur :
Hauteur :
Menu vertical de gauche (ou droit si un seul menu)
Largeur :
Hauteur :
Menu vertical de droite (si deux menu)
Largeur :
Hauteur :
Bas du site
Largeur :
Hauteur :


7 votes. Moyenne 4.43 sur 5.

Commentaires (2)

1. Coeur (site web) 01/02/2014

Super cette page ! Si j'avais su cela il y a quelques années, j'aurais moins galéré !
J'ai découvert sur Google que pour un site adaptable à toute taille d'écran, il fallait afficher 100% dans le format des pages, ce qui est quand même moins galère que des pixels !
cela sert bien au niveau des tableaux aussi.
Du coup je remanie tout mon site !!! super
merci en tout cas pour le tien qui est une mine d'or pour moi !

2. iskander 21/02/2011

J' ai essayé, ça marche et c' est très utile, merci !

Ajouter un commentaire

Vous utilisez un logiciel de type AdBlock, qui bloque le service de captchas publicitaires utilisé sur ce site. Pour pouvoir envoyer votre message, désactivez Adblock.

Plus de codes ici :
Codes  html pour débutant, plus de 250 codes gratuit à votre service, bonne visite a tous

Copyright © 2010 -  Les Scripts de Giga 24
Reproduction partielle ou complète du site interdite sans autorisation

PageRank Actuel

spampoison

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site