faire un encadrement

**argon** · 29/06/2006, 23h22

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 :

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
 
<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 :

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
 
.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

**azertyman** · 29/06/2006, 23h39

Pourquoi utiliser des div, dans un paragraphe, dans une table ?

**argon** · 29/06/2006, 23h45

Re

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

Je manipule au hasard.

A+

**Freed0** · 29/06/2006, 23h56

Le code suivant fonctionne :

test.html :

Code :

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

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 :

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

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é.

**argon** · 30/06/2006, 08h42

Bonjour tout le monde

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

html

Code :

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

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

css

Code :

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
 
#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

**Freed0** · 30/06/2006, 11h40

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).

faire un encadrement

HTML

Discussions similaires

Partager

Partager