Padding-left[résolu]

bonjour,
je dois remplacer les "padding-left" par des "nbsp" (afin d'obtenir le plus d'homogénéïté dans la visualisation du code).
Comment faire par exple sur le code ci dessous afin de ne pas avoir 18 "nbsp" d'affilé mais un seul ?

<a style="padding-left:18em"class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLICOP&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Télécopie: </a><BR>
Modifié par alainmorin8 (08 Feb 2006 - 10:55)

Bonjour,

Tu le fais exprès de poster 2 fois ce sujet sur une question que tu as déjà posée et à laquelle il t'a été répondu.

A relire pour la énieme fois : Aide/Règles

Tiens tu n'utilises pas les BBcode ?

les réponses apportées ne conviennent pas à mon chef.
c'est pourquoi j'essayes d'avoir une réponse qui lui convienne le plus rapidement possible car comme certains l'ont remarqué cela fait un bout de temps que j'essayes de tordre le coup à ce pb.
Donc il faut comprendre que si je repose la question c'est que les réponses que 'jai présentées ne conviennent pas au boss .
Si ça ne tenait qu'à moi ....
bon est ce que j'ai le feu vert pour reformuler ma question avec les brides d'infos supplémementaires que j'ai pu glaner ? ou est ce que cette question est a bannir définitivement?

alainmorin8 a écrit :

Donc il faut comprendre que si je repose la question c'est que les réponses que 'jai présentées ne conviennent pas au boss.

Alors dans ce cas, au lieu d'ouvrir des nouveaux sujets sur la même question, il faut que tu le signale aux intervenants de premier sujet. Inutile de cloner la même question encore et encore.

J'ai une suggestion pour toi. Prend un logiciel de dessin et montre-nous concrètement ce que ton boss veut que tu réalise. Tu n'as qu'à envoyer l'image sur le forum ou l'hébergée quelque part.

Ce que tu veux réaliser est difficile à comprendre, tant au niveau du résultat final que tu veux obtenir, que pour la raison. Par exemple :

alainmorin8 a écrit :

afin d'obtenir le plus d'homogénéïté dans la visualisation du code

Que veux-tu dire par là ? La visualisation du code ?

Donc, montre-nous concrètement ce que ton boss veut. Je ne veux pas des mots ou des exemples de code, mais bien une image. Ca nous aidera à mieux saisir ce que tu tente de réaliser et pourquoi.

Attention aussi de laisser un espace entre les attributs, dans ton code.

<a style="padding-left:18em"class="field">

doit être :

<a style="padding-left:18em" class="field">

Est-ce que tu essaye de réaliser un formulaire à deux colonnes, avec le label à gauche et l'input à droite, et de faire en sorte que les inputs soient alignés au même endroit ?
Modifié par Tony Monast (25 Jan 2006 - 16:46)

je vous transmets le code tel que j'ai fini par l'écrire, mon chef veut que le code soit carré: sans padding-left à l'intérieur et préfère que j'y mette des nbsp . ce qui me semble être une erreur .
je souhaite rendre l'aspect du code plus compact en sortant les padding du bloc de code une bonne fois pour toute et les mettre en début de code.
est ce que c'est possible?
si ma question ne convient pas pour la eiéme fois ne vous fatiguez à me faire la leçon , si ça ne tenait qu'à moi il y a longtemps que le problème serait résolu ou que j'aurai laissé tombé
merci

<font face="courier" size ="4">
<style>
A.field:visited { color:black; text-decoration:none; }
A.field:hover   { color:blue;  text-decoration:none; }
a.field {background:yellow;
         padding-right:100px; }




</style>
  
LOGISENS
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=          ;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1"id="lien1">GESTION DES CLIENTS </a>D1110A<BR>
-------------------------------------------------------------------------------------<BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLINUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Client.......:   	</a>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=SCONUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Code recherche:  	</a>
<a style="padding-left:6em" class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=ADRNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Adr. fac.:     </a>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=ADRNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=01">Ad.liv:          	</a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLINOM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Nom..........:   	</a>
 
<a style="padding-left:18em" class="field" href="http://pike6.boite.fr/lirebasebis.php?LHLANGUE=1">
Téléphone: </a><BR>

<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIADR&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Adresse-1....:   	</a>
<a style="padding-left:18em"class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLICOP&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Télécopie:     </a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIADR&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=01">Adresse-2....:  		</a>
<a style="padding-left:18em" class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=ADROPH&amp;LHFICHIER=ADR&amp;LHPROG=1110&amp;LHLANGUE=1">Ouverture: 	</a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIPCO&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">CP+localité..:    	</a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=PAYNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Pays.........:    	</a>
<a style="padding-left:18em"class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=LANNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Langue...: 	</a><BR>
<a style="padding-left:6em" class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLICNA&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Contact/propr:	</a>
<a style="padding-left:18em"class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIPTE&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Tel privé:     </a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=SALNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Représentant.:      	</a>
<a style="padding-left:18em"class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIVOC&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Code TVA.: 	</a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLGNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Groupe client:       	</a>
<a style="padding-left:18em" class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLILI1&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Limite.KE: 	</a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIITC&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Facturation..:  	    	</a>
<a style="padding-left:18em"class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=DETNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Catégorie: 	</a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLICOC&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=01">Conditions...:  	    	</a>
<a style="padding-left:18em"class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=ADRNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Nature:    	</a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CURNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Code devise..:       	</a>
<a style="padding-left:5em" class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=ADRNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1" >Règlement: 	</a>    
<a  style="padding-left:7em"class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=PAYNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=01">par            </a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CBANUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Notre banque.:       	</a>
<a style="padding-left:18em"class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIPLC&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Code bon liv: 	</a>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIPDI&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Escompte:  	</a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIBAN&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">R.I.B........: 		</a>
<a style="padding-left:18em"class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIIOC&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Code facture:  </a>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLINOI&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Nb.copie:      <BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIBNA&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Banque-nom...: 		</a>
<a style="padding-left:18em" class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=BODCOD&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Reliquats...:  </a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIBCI&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Banque-loc...: 		</a>
<a style="padding-left:18em" class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=PANCODE&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1>Avis passage:  </a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIBCN&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Banque-pays..: 		</a>
<a style="padding-left:18em" class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=DETNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=01">Livr.:       </a><BR>
<a class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=TARNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=01">Observations.: 		</a>
<a style="padding-left:5em"class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=TARNUM&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Tarif:         </a>
<a style="padding-left:5em"class="field" href="http://pike6.sensas.fr/ceb/organigramme/lirebasebis.php?LHZONE=CLIMAC&amp;LHFICHIER=CLI&amp;LHPROG=1110&amp;LHLANGUE=1">Code marché:   </a><BR><BR>
F3=Exit                                                                         

</font>

Il veut que le code soit carré ? Il n'est donc pas question ici d'un rendu graphique, mais du rendu de l'affichage d'un code source ? Est-ce bien ca ?

Oui tu peux extraire le padding-left, et le déclarer dans une feuille de style externe.

Ca ne me semble pas très clair ce que tu veux réaliser. Qu'est-ce que ce code exactement ? Où sera-t-il affiché ?

Merci de répondre à mes questions.

Merci de tes réponses,
finalement hier on a eu un entretien et il m'a présenté sa solution : du bidouillage sans passer par css bref il faut maintenant que je me plonge dans sa cuisine.
Merci de ton aide

Oh non, je m'accroche sérieusement là ! Je suis vraiment curieux de savoir ce qu'il souhaitait obtenir. C'est la première fois de ma vie que j'entend quelqu'un vouloir que son code soit carré. Je n'y comprend rien, je veux savoir !

Allez, après tout ces efforts pour te faire comprendre, un petit dernier coup de pied et on va y arriver, peut-être.

Le problème c'est que personne ici, je crois, ne comprend exactement l'objectif de ta question. Un code carré, mais pourquoi faire ? Quel est le but ? Peut-être y-a-t-il une raison, bonne ou mauvaise, mais selon le cas, nous pourrions sans doute trouver quelque chose de mieux que du bidouillage de fond de cuisine.

Ton code, le veux-tu gratiné ou non ? Eh hop ! Une poutine de code.
Modifié par Tony Monast (26 Jan 2006 - 14:43)

C'est une expression qui a peut-être pas encore traversé l'Atlantique ... Au départ c'est militaire, aussi employé que "je veux voir qu'une seule tête". C'est carré quand la place est nette, quand le matériel brille et qu'il est nickel chrome, quand c'est pas la pagaille, ordonné, etc Sinon c'est la chienlit

Mais en matière de code, je me demande bien pourquoi padding-left serait la jungle et &nbsp; du bon code bien propre sur lui ... En 98 pitêtre, mais en 2006 ... Enfin chacun ses chefs

Nom d'une pipe en bois ! Effectivement, je ne connaissais pas cette expression. Je croyais sincèrement qu'il voulait un code carré dans le sens visuel du terme.

Bon alors je change ma question. Alain, j'insiste encore, peux-tu nous montrer visuellement ce que ton patron veut obtenir comme rendu graphique, à partir du code ? Prend un screenshot ou je sais pas quoi, montre-nous ce qu'il veut comme rendu graphique et au niveau de la structure des données, et ensuite nous pourrons te conseiller le balisage et le code CSS nécessaire pour avoir un beau code bien carré. N'oublions pas qu'il est facile de mettre le padding-left dans une CSS externe, sans surcharger le code html.

En plus, avec un peu d'efforts, nous pourrions même mettre ce code avec de jolies courbes sexy.
Modifié par Tony Monast (26 Jan 2006 - 17:52)

Salut,

@Felipe,

a écrit :
Sinon c'est la chienlit

Je vois que tu as des références soixante-huitardes

Salut,

Chef ! oui chef !

Les chefs ont toujours raison ...

a écrit :
je vous transmets le code tel que j'ai fini par l'écrire, mon chef veut que le code soit carré: sans padding-left à l'intérieur et préfère que j'y mette des nbsp.

Quelle drôle d'idée !

En relisant les 2 topics, je crois que tout a été dit. La meilleure solution à ton problème a été donné dans le 1er topic avec en autre en prime une excellente explication technique de Raphaël (et des autres intervenants aussi, je ne les oublie pas ).

Invites donc ton chef à lire les topics.

Hello, le sujet est [Résolu] ? Oublié ?

comme d'habitude, tu laisses beaucoup de sujets perdus dans la nature.

Merci de t'en occuper.