HTML, en pourcentage et non en pixels

  • kanexpo2
  • Graduate
  • Graduate
  • No Avatar
  • Inscription: Oct 19, 2006
  • Messages: 112
  • Status: Offline

Message Septembre 10th, 2008, 4:31 am

Salut,

Mon site est créé en pixels, width = 980px, par exemple pour toute la largeur de la page.

Je voudrais changer de pourcentage si elle détient les mêmes ratios dans toute résolution, comment aurais-je calculer cela? ou la manière de procéder sur ce point?

exemple: table width = 9px, au lieu de cela, comment puis-je savoir quel est le pourcentage de la table doit être?

Est-il juste derrière ce simple math?

Merci pour toute aide

kanexpo
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Septembre 10th, 2008, 4:31 am

  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Septembre 10th, 2008, 4:50 am

bien, l'ensemble du conteneur sera de 100%...et qui ferait de l'écran...donc vous avez juste à le faire que je pense...sauf si vous voulez travailler à chaque chose de sa propre initiative, si ce bloc permet de dire que vous aviez été 9px et vous savez que tout le contenant est 980px de sorte que la façon de travailler sur le pourcentage de l'écran qui prend place serait aussi suit: (9 / 980) * 100...0,918 .. mais s'il vous plaît pas que vous ne pouvez ajouter des entiers, il doit être arrondi à 1% de la largeur...
Let's leave all our *plum* where it is and go live in the jungle ...
  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Septembre 10th, 2008, 5:03 am

Si vous utilisez le pourcentage des mesures en fonction, le navigateur va calculer combien d'espace est disponible.

Code: [ Select ]
#container{width:50%;}


Si vous cherchez à effectuer des calculs mathématiques, vous aurez à attendre. Les spécifications CSS3 ne comprend une fonction de calcul, mais cela n'a pas été mis en œuvre dans tous les navigateurs.

http://www.w3.org/TR/css3-values/#calc
- dM
  • wanna kill
  • Beginner
  • Beginner
  • Avatar de l’utilisateur
  • Inscription: Sep 08, 2008
  • Messages: 36
  • Status: Offline

Message Septembre 17th, 2008, 2:42 am

HI

J'ai un lien. qui va sûrement vous aider. lien

merci
  • Maisara-WD
  • Novice
  • Novice
  • No Avatar
  • Inscription: Sep 16, 2008
  • Messages: 15
  • Status: Offline

Message Septembre 17th, 2008, 2:36 pm

Tout d'abord .. la meilleure largeur de la page pour convenir à toutes les résolutions est 780px. et le meilleur pourcentage est de 65 - 80%.

Mathimaticly .. pour calculer le pourcentage d'une valeur:

nous travaillons avec la méthode des ciseaux, de remplacer la valeur réelle de la règle suivante:

Partie / ensemble = percentage/100

La valeur que nous voulons obtenir est «pourcentage».

la valeur connue est 100.

le tout est (permet de l'assumer avec la largeur de 800px pour la plus basse résolution "et 20px pour le soustraire à la barre de défilement, à 780px)

la partie est la valeur u veux savoir le pourcentage de .. assumer ses 10px (thats la règle, vous pouvez l'appliquer à chaque fois u want sur toutes les valeurs)

permet de le faire: (partie * 100) / = le pourcentage plénier
Le résultat est: (10 * 100) / 780 = 1000 / 780 = 0,78%.

Thats it...

I hope that helps...

Best Wishes.......
  • martinsejas123
  • Novice
  • Novice
  • Avatar de l’utilisateur
  • Inscription: Sep 17, 2008
  • Messages: 17
  • Status: Offline

Message Septembre 18th, 2008, 8:57 am

Je suis d'accord avec Maisara-WD, la meilleure largeur de la page pour convenir à toutes les résolutions est 780px. En fait, il tend à être la largeur par défaut pour la plupart des pages.

Bonne chance à cette kanexpo2!

Afficher de l'information

  • Total des messages de ce sujet: 6 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 148 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC