Pourcentage dans un tableau

Pourcentage dans un tableau - HTML/CSS - Programmation

Marsh Posté le 17-06-2005 à 02:28:24    

Bonsoir,
voici mon problème:
 
<body bgcolor="#96D8FF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td bgcolor="#00008D" width="100%" height="10%"></td></tr>
<tr><td bgcolor="#0071BD" width="100%" height="10%"></td></tr>
</table>
</body>
 
Les pourcentages semblent ne pas marché, j'obtiens des lignes d'1 pixel.
Quelqu'un peut m'aider? :)
 
Merci d'avance.
Jérôme


Message édité par jeromeke le 17-06-2005 à 02:45:28
Reply

Marsh Posté le 17-06-2005 à 02:28:24   

Reply

Marsh Posté le 17-06-2005 à 03:17:33    

jeromeke a écrit :

Bonsoir,
voici mon problème:
 
<body bgcolor="#96D8FF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td bgcolor="#00008D" width="100%" height="10%"></td></tr>
<tr><td bgcolor="#0071BD" width="100%" height="10%"></td></tr>
</table>
</body>
 
Les pourcentages semblent ne pas marché, j'obtiens des lignes d'1 pixel.
Quelqu'un peut m'aider? :)
 
Merci d'avance.
Jérôme


 
 
essaye de mettre &nbsp;
dans tes tableaux !

Code :
  1. <body bgcolor="#96D8FF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  2. <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  3. <tr><td bgcolor="#00008D" width="100%" height="10%">&nbsp;</td></tr>
  4. <tr><td bgcolor="#0071BD" width="100%" height="10%">&nbsp;</td></tr>
  5. </table>
  6. </body>

Reply

Marsh Posté le 17-06-2005 à 03:28:05    

Génial merci!

Reply

Marsh Posté le 17-06-2005 à 03:28:54    

Mais en fait la on prend la hauteur de la taille de texte et pas 10%.. :S

Reply

Marsh Posté le 17-06-2005 à 09:32:09    

Abandonne les tableaux dans ce cas la :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 17-06-2005 à 14:38:51    

Reply

Marsh Posté le 17-06-2005 à 14:40:57    

100top a écrit :

essaye de mettre &nbsp;
dans tes tableaux !

Code :
  1. <body bgcolor="#96D8FF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  2. <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  3. <tr><td bgcolor="#00008D" width="100%" height="10%">&nbsp;</td></tr>
  4. <tr><td bgcolor="#0071BD" width="100%" height="10%">&nbsp;</td></tr>
  5. </table>
  6. </body>



&nbsp; représente un espace insécable, genre celui qu'on met entre un mot et un point virgule. Je vois pas ce qu'il à foutre tout seul dans une case vide :o C'est du bricolage immonde :o

Reply

Marsh Posté le 17-06-2005 à 14:41:47    

Ensuite, quand on dit height=100%, c'est 100% de quoi ? Sachant que <html> et <body> n'ont pas de taille par défaut... Bref, beaucoup de notions d'HTML et de CSS font défaut ici :(

Reply

Marsh Posté le 17-06-2005 à 14:47:14    

A mon avis ça serait 100% de la taille de la fenêtre du navigateur, faire un site redimensionnable en gros.

Reply

Marsh Posté le 17-06-2005 à 14:50:38    

Ouais, mais si il le précise nulle part, ben c'est loupé ;) Encore une fois, par défaut, il calcul le pourcentage par rapport au premier parent trouvé dans la hiérarchie qui a une dimension correspondante explicite. Là y'en a aucune, donc pouet. Aussi, vaut mieux laisser tomber les tableaux, ça fait des années qu'on se tue à dire plein de choses...

Reply

Marsh Posté le 17-06-2005 à 14:50:38   

Reply

Marsh Posté le 17-06-2005 à 14:54:23    

Il faut savoir rester indulgent avec ceux qui débarquent. Laisse leur le temps de découvrir le html avant de les forcer à faire un site "conforme". (mais j'suis d'accord avec toi sinon :))


Message édité par Profil supprimé le 17-06-2005 à 14:55:01
Reply

Marsh Posté le 17-06-2005 à 14:58:46    


 
 
Bah voui il faut etre tout gentil tout mimi avec eux [:atmos], on est passé par la aussi (enfin à part les stars qui ont achté 15000 bouquin et qui les ont tous lu avant de commencer.. :)  

Reply

Marsh Posté le 20-06-2005 à 00:15:01    

C'est simple, c'est pour un site qui ai les memes proportions en toutes les résolution: plus de chipotage.

Reply

Marsh Posté le 20-06-2005 à 00:20:49    

Pour faire simple, par défaut, la page web à la taille de son contenu, et le 10%, c'est 10% de la taille de la page. Le contenu c'est quoi : une table, dont la hauteur est de 100%. C'est la que ca bloque :
la page a pour hauteur la taille de la table qui a pour hauteur 100% de la taille de la page qui a pour hauteur la taille de la table qui a pour ... enfin t'as compris, c'est un problème insoluble, donc pour lui la page fait 0px de hauteur.


---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
Reply

Marsh Posté le 20-06-2005 à 00:38:56    

A mettre entre <head>

Code :
  1. <style type="text/css">
  2. .line{
  3. line-height:11px;} /*la taille de ton height en pixel*/
  4. </style>


 
apres tu fais cela dans ton html :  

Code :
  1. <table>
  2.   <tr>
  3.     <td class="line"></td>
  4.   </tr>
  5. </table>


Message édité par Badze le 20-06-2005 à 00:39:27
Reply

Marsh Posté le 20-06-2005 à 03:46:52    

FlorentG a écrit :

&nbsp; représente un espace insécable


Une espace insécable en Français, l'espace entre 2 mots est féminin, au contraire de l'espace au dessus des nuages qui lui est masculin, mais c'est vrai qu'en Anglais, ça ne compte pas. :D
Et entre un mot et un point virgule, on met une espace fine qui est invariable en chasse contrairement à l'espace insécable qui elle est variable.
Il me semble même que le &nbsp; est considérée par les navigateurs comme une espace insécable invariable (largeur d'un tier de cadratin donc d'un tier du corp de la lettre) qui au contraire de l'espace insécable est justement invariable.
 
 
EDIT : Après recherche l'espace fine existe belle et bien en HTML, il s'agit de &thinsp;, c'est donc elle qu'il faudrait mettre entre un mot et un point virgule ou tout autre signe de ponctuation composé de 2 parties verticales (2 points, point d'exclamation, etc.)


Message édité par The-Shadow le 20-06-2005 à 04:14:55
Reply

Marsh Posté le 20-06-2005 à 08:15:23    

Ca y est, le typographe a parlé... :D Et super-merci :jap: C'est vraiment un truc que je savais pas :jap:

Reply

Marsh Posté le 20-06-2005 à 11:54:35    

+1, merci pour ce cours, je n'en savais rien non plus :D.

Reply

Marsh Posté le 20-06-2005 à 12:49:14    

The-Shadow a écrit :

Une espace insécable en Français, l'espace entre 2 mots est féminin, au contraire de l'espace au dessus des nuages qui lui est masculin, mais c'est vrai qu'en Anglais, ça ne compte pas. :D
Et entre un mot et un point virgule, on met une espace fine qui est invariable en chasse contrairement à l'espace insécable qui elle est variable.
Il me semble même que le &nbsp; est considérée par les navigateurs comme une espace insécable invariable (largeur d'un tier de cadratin donc d'un tier du corp de la lettre) qui au contraire de l'espace insécable est justement invariable.
 
 
EDIT : Après recherche l'espace fine existe belle et bien en HTML, il s'agit de &thinsp;, c'est donc elle qu'il faudrait mettre entre un mot et un point virgule ou tout autre signe de ponctuation composé de 2 parties verticales (2 points, point d'exclamation, etc.)


 
Si t'en a d'autres comme ca, j'en veut :love: ( même si tu veut faire un topic unique avec plein de règles de typos ... mmmm... )


---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
Reply

Marsh Posté le 20-06-2005 à 16:07:59    

Dites, j'suis pas très fort en expression régulières (y'a pas que là d'ailleurs, mais passons).
Y'a pas un de vous qui en ferait une petite pour remplacer "mot;" "mot ;" "mot   ;" par "mot&thinsp;;". :D
Jusqu'à maintenant, dans ma procédure d'affichage sur mon forum, je faisais juste un str_replace(' ;','&nbsp;;'), mais maintenant que je sais que l'espace fine existe en HTML, je vais l'utiliser. :D

Reply

Marsh Posté le 21-06-2005 à 09:16:17    

's/\b( |\n|\&nbsp;)*(;|:|!)/\&thinsp;\2/'
 
( remplace un nombre quelquonque d'espaces ' ' ou '&nbsp;' ou '\n' à la fin d'un mot suivit de ; : ou ! par un &thinsp; )
 
( testé sous sed, faudra que t'adapte pour le rentrer dans ta fonction )


Message édité par 0x90 le 21-06-2005 à 09:16:28

---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
Reply

Marsh Posté le 21-06-2005 à 16:03:42    

Merci, je vais yeuter ça. :jap:

Reply

Marsh Posté le 21-06-2005 à 17:45:40    

Bon en fait, ça marche pas, enfin si, ça fonctionne à peu près correctement, mais pendant 10 minutes, je me suis demandé si c'était pas possible de faire une fonction qui corrige automatiquement les fautes typographiques (mettres les espaces suivant la ponctuation, remplacer les guillemets anglais par des guillements français, etc. Mais en fait, ça poserait trop de problème, notemment au niveau des smileys qui ne serait plus reconnu ou d'autre partie de mon BBCode, tant pis.

Reply

Marsh Posté le 21-06-2005 à 22:24:02    

Bon bah j'en rajoute une couche, IE ne supporte pas &thinsp;.  :pfff:  
 
Par contre, lol, je viens de me rendre compte que le forum le supporte.
 
Si vous tapez &thinsp; dans la fenêtre réponse rapide et que vous cliquez après sur répondre (sous FireFox), votre textarea n'affichera pas &thinsp; mais une espace fine. C'est marrant à voir une espace fine dans un textarea.

Reply

Marsh Posté le 22-06-2005 à 01:27:12    

:??:


Message édité par Profil supprimé le 22-06-2005 à 01:27:41
Reply

Marsh Posté le 22-06-2005 à 02:55:02    

Oui, ce que je veux dire, c'est que sous FireFox
Si vous tapez &thinsp; dans la case Réponse rapide du forum HFR.
Essayez donc, vous tapez -&thinsp;-.
Ensuite, vous cliquez sur le bouton Répondre.
Le forum va récupérer votre texte qui était dans la case rapide pour le mettre dans le textarea standard pour poster.
Mais là, le code &thinsp; aura disparu et entre les 2 traits d'union, vous vous retrouvez avec une espace fine au lieu du code &thinsp;.

Reply

Marsh Posté le 22-06-2005 à 08:13:51    

Le mieux encore pour ça est de passer par l'entité machin :
 
test : pouet

Reply

Marsh Posté le 22-06-2005 à 08:14:16    

Ah c'est marrant, c'est tout pétÿ par rapport à un espace normal

Reply

Marsh Posté le 22-06-2005 à 12:50:27    

FlorentG a écrit :

Ah c'est marrant, c'est tout pétÿ par rapport à une espace normale


 [:amandine75011]

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed