Discussion :

[kervano]

Bonjour,

J'ai besoin de créer un encadrement en css, j'utilise un module d'encadrement avec des images gifs présenté comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
		                <td width="11"><img src="../images/borders/maingrey_01.gif" width="11" height="16" alt=""></td>
      		          <td background="../images/borders/maingrey_02.gif"><img src="../images/borders/maingrey_02.gif" width="24" height="16" alt="" ></td>
            		    <td width="19"><img src="../images/borders/maingrey_03.gif" width="19" height="16" alt=""></td>
         		     </tr>
         		     <tr>
		                <td background="../images/borders/maingrey_04.gif"><img src="../images/borders/maingrey_04.gif" width="11" height="21" alt=""></td>

Je souhaiterai en fait remplacé les gifs par de simple trait horizontaux et verticaux. J'ai entendu parlé de la balise HR, mais celle-ci ne fait que des traits horizontaux. J'ai une connaissance proche de zéro. Comment puis je faire?

[12monkeys]

Bonsoir

Ne connaissant pas le contexte dans lequel cela doit se faire, je dirais un simple border :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="border: 1px solid black;">texte</div>

[kervano]

Bonsoir

Ne connaissant pas le contexte dans lequel cela doit se faire, je dirais un simple border :

Bonsoir,

En fait j'utilise un oscommerce avec lequel j'édite mes factures. La portion de code que j'ai communiqué plus haut correspond à la mise en forme des adresses de livraison et de facturation des factures. Celle-ci utilise des images de fond et de contour .gif. J'aimerai utiliser la fonction border car elle correspond exactement à ce que je veux faire (afin de rendre clair les factures). En revanche je ne sais pas comment l'intégrer avec les adresses de clients. Voici le fichier original :


Cordialement,
Pierre

[12monkeys]

Bonsoir

Il faudrait aussi le code css : stylesheet.css

Merci

[Erwan31]

Bonsoir,
attention à ton doctype (HTM transitionnal incomplet) qui fait basculer les navigateurs graphiques en mode de compatibilité descendante, un mode de rendu non standard appelé plus communément mode Quirks, et qui favorise par conséquent des différences de rendu d'un navigateur à l'autre.
> Mettre un doctype complet (avec URI)

[kervano]

Bonsoir

Il faudrait aussi le code css : stylesheet.css

Merci

Voici le fichier css en relation avec le fichier php de facture (invoice.php)

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
 
 
 
/* message box */
 
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
 
/* forms */
CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
FORM { display: inline; }
 
/* account */
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
 
/* attributes */
.attributes-odd { background-color: #f4f7fd; }
.attributes-even { background-color: #ffffff; }
 
/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.main { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorText { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
 
/* Contribution Prof_Invoice&PackingSlip */
.pageHeading-invoice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; padding: 3px; }
.pageHeading-invoice2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight: normal; border: 1px ridge #CCCCCC; padding: 3px; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif;	font-size: 10px; color: #000000; font-weight: bold; border: 1px solid #000000;}
.main-payment { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #FFFF99; border: 1px ridge #c9c9c9; }
hr{
 color: black;
}

Et voici la portion de code du fichier php de la facture qui affiche les coordonnées client (celle que je voudrais justement encadrer via un "border").

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
         		     <tr>
		                <td background="../images/borders/maingrey_04.gif"><img src="../images/borders/maingrey_04.gif" width="11" height="21" alt=""></td>
		                <td align="center" bgcolor="#F2F2F2">
							 	<table width="100%" border="0" cellspacing="0" cellpadding="0" class="main">
            		        <tr>
                  		    <td align="left" valign="top"><b> </b></td>
		                    </tr>
      		              <tr>
            		          <td>&nbsp;&nbsp;&nbsp;&nbsp; </td>
                  		  </tr>
		                    <tr>
      		                <td>&nbsp;&nbsp;&nbsp;&nbsp; </td>
            		        </tr>
                  		  <tr>
		                      <td>&nbsp;&nbsp;&nbsp;&nbsp; </td>
      		              </tr>
            		        <tr>
                  		    <td>&nbsp;&nbsp;&nbsp;&nbsp; </td>
		                    </tr>
      		              <tr>
            		          <td>&nbsp;&nbsp;&nbsp;&nbsp; </td>
		                    </tr>
                  		  <tr>
		                      <td> </td>
      		              </tr>
		                  </table>
							 </td>

Voici ma facture original (encadrement coordonnés client en .gif)



Voici la facture que j'aimerai obtenir (encadrement avec un border sans utiliser de .gif)




Cordialement,
Pierre