Créer un encadrement en css

Version imprimable

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:

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?

22/03/2009, 18h46
12monkeys

Bonsoir

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

Code:

<div style="border: 1px solid black;">texte</div>
22/03/2009, 21h25
kervano

Citation:

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
22/03/2009, 21h42
12monkeys

Bonsoir

Il faudrait aussi le code css : stylesheet.css

Merci ;)
22/03/2009, 21h56
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)

Citation:

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:

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:

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)

http://images0.hiboox.com/images/130...f3bebb890c.jpg

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

http://images0.hiboox.com/images/130...c0db0ff469.jpg

Cordialement,
Pierre

23/03/2009, 10h57
Erwan31

Tu n'as manifestement pas pris connaissance de http://www.developpez.net/forums/a17...isation-forum/
> code interprété