faire un encadrement

Version imprimable

Bonsoir tout le monde

Je voudrais encadré le mot que j'ai fait auparavant en css.

J'ai essayé les code là, ca ne fonctionne pas.

Code html.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <table class='none'> <tr> <td class='vert'><p> <div id='element1'>Identité:</div> </p></td> </tr> </table> <table class='none2'> <tr> <td class='vert2'> <p><div id='element2'>Période:</div> </p></td> </tr> </table>
Code css
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 .none { border-style:none; } .vert { border-style:solid; border-width:1px; border-color:black; background-color:green; } .none2 { border-style:none; } .vert2 { border-style:solid; border-width:1px; border-color:black; background-color:green; }
Je voudrais un encadrement simple, avec fond vert clair.

Pouvez vous m'aider.

Merci

Cordialement

A bientôt

29/06/2006, 22h39
azertyman

Pourquoi utiliser des div, dans un paragraphe, dans une table ?
29/06/2006, 22h45
argon

Re

Pour moi le CSS, est tout a fait, nouveaux, j'ignore si on peux faire ca.

Je manipule au hasard.

A+

Le code suivant fonctionne :

test.html :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <html> <head> <title>Page Test</title> <link href="test.css" rel="stylesheet" type="text/css" /> </head> <body> <p class="vert">Identité :</p> <span class="vert">Période :</span> </body> </html>
test.css :
Code:

1 2 3 4 .vert { background-color: #0f0; border: 1px solid #000; }
Teste ça et tu verras que lorsque l'on utilise la balise p, tout la ligne est encadrée tandis que lorsque l'on utilise la balise span, seul le mot est encadré.

Bonjour tout le monde

Je suis bête, j'ai fai cela, ca passe, mai peut on ajouter un cadre à chaque mot.

html
Code:

1 2 3 <div id='element1'>Identité:</div> <div id='element2'>Période:</div>
css
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 #element1 { float:left; background:#00CCFF; font-weight:bold; font-size : 110%; } #element2 { float:right; background:#00CCFF; font-weight:bold; font-size : 110%; }
Merci

Cordialement

A bientôt

30/06/2006, 10h40
Freed0

1) Utilise plutot p ou éventuellement span et non div...
2) Oui, c'est possible mais utilise class au lieu de id (utilisable une seule fois).