Page 1 sur 1

police, taille, encadrement

Posté : 07 juin 2005, 10:32
par renatane
Bonjour,

je n'utilise jamais de feuilles de style (parce que je sais pas) mais là pour faire ce que je voulait j'y ai été contrainte, du moins, c'est la seule solution que j'ai trouvé sur le net.

voici ma feuille:
<style type="text/css" media="print">
.cadre { border: 1px solid #000000 }
</style>
elle me sert a encadrer du text, mais le problème, c'est que le cadre fait toute la largeur de la page. Comment puis-je faire pour que le cadre mesure la largeur du text.


Aussi, il y a du text que j'aimerai mettre comme dans "word" (Arial , 14 par exemple)
comment gerer la taille du text?

Posté : 07 juin 2005, 11:15
par sadeq
utilisation d'un style personnalisé (class) :
<style type="text/css" media="print"> 
.cadre { 
             border: 1px solid #000000;
             font-family: Arial;
             font-size: 14
} 
</style>

<span class="cadre">Un texte encadré</span> 
Puisque le style du cadre ne spécifie par les paramètres (width et heigth) le <span> hérite seulement des paramètres fixés. La largeur et la hauteur par défaut du span AUTOSIZE.

Attention le style cadre peut hériter des paramètres de style fixés pour son conteneur.
Exemple :
<style type="text/css"> 
.cadre { 
             border: 1px solid #000000;
             font-family: Arial;
             font-size: 14
}
</style>

<p>texte intégré à une table avec largeur plein fenêtre (width=100%)
<table border=1 width=100%><tr>
<td class="cadre">Un texte encadré</td>
</tr></table>

<p>texte intégré à une table avec largeur automatique (sans width=100%)
<table border=1><tr>
<td class="cadre">Un texte encadré</td>
</tr></table>

<p>texte intégré à un div
<div class="cadre">Un texte encadré</div>

<p>texte intégré à un span stylé
<p><span class="cadre">Un texte encadré</span>

<p>texte intégré à un span stylé qui se trouve dans une table (avec width=100%)
<table border=1 width=100%><tr>
<td><span class="cadre">Un texte encadré</span></td>
</tr></table>
En utilisant un span la taille est autosize par rapport au texte intégré contrairement au div. C'est ce qu'il te faut.

Posté : 07 juin 2005, 12:23
par renatane
MErci beaucoup

Posté : 08 juin 2005, 11:23
par renatane
re,
J'ai encore un problème,

Sur l'ecran, la police ressembel a celle que je veux, le cadre est beau (eloigné du texte de 2mm au dessus, en dessous et sur les cotés) mais a l'imrpession c'est autres chose:
La police n'est pas la bonne et le cadre est collé au texte au dessus.

y'a t'il une solution?

voici ma feuille:

Code : Tout sélectionner

<style type="text/css" media="print"> .noseeme {visiblity: visible} .seeme {display : none} .cadre {border: 1pt solid #000000; font-family: Arial; font-size: 14} </style> <style type="text/css" media="screen"> .noseeme {display: none} .seeme {visibility: visible} .cadre { border: 1pt solid #000000; font-family: Arial; font-size: 14} </style>
et voici coment je l'utilise:
echo "<span class=\"cadre\">&nbsp&nbsp<b>".$var1."&nbsp&nbsp</span><br><br><u>".$var2."</u></b></div><br><br>".(nl2br($var3));?>

Posté : 08 juin 2005, 12:08
par sadeq
Chez moi c'est parfait, le style orienté printer fonctionne bien aussi bien que screen.
Vérifie si ton imprimante est bien configuré (bon pilote)

Posté : 08 juin 2005, 12:14
par renatane
Je ne pense pas que le problème puisse venir de l'imprimante(c'est le resp info/reseau de la boite qui m'a connecté au reseau de l'imprimante)

Si ca vient de là, moi j'y peu rien en tous cas.