Conflit dans les styles CSS

**Nerva** · 14/03/2005, 18h17

Bonjour.

J'utilise une page HTML pour faire apparaître une image, comme décrit ci-dessous :

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
25
26
27
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>image</title>
<link href="stylepopups.css" rel="stylesheet" type="text/css">
</head>
 
<body>
<center>
<table height="100%">
	<tr>
		<td><div align="center">
			<a href="../../../home.htm"><img src="../../index.jpg"></a>
			<a href="image_01.html"><img src="../../first.jpg"></a>
			<a href="image_02.html"><img src="../../previous.jpg"></a>
			<a href="image_04.html"><img src="../../next.jpg"></a>
			<a href="image_12.html"><img src="../../last.jpg"></a>
		</div></td>
	</tr>
	<tr>
		<td valign="middle"><a href="Javascript:history.back()"><img src="image_03.jpg"></a></td>
	</tr>
</table>
</center>
</body>
</html>

Grâce au style suivant, mon image est entourée d'un liseré noir de 3 pixels :

Code :

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

1
2
3
4
5
6
7
8
9
10
body
{
background-color: #FFFFFF;
background-image: url(images/background.jpg);
}
 
img
{
border: 3px solid #000000;
}

Le problème, c'est que j'ai également des flèches de défilement dans chaque page, et que elles aussi sont entourées du fameux liseré.
Comment faire pour que le style ne s'applique qu'à la photo ?

Merci

**Johnbob** · 14/03/2005, 20h40

Bonjour.

Code :

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

1
2
3
4
5
HTML:
<td valign="middle"><a href="Javascript:history.back()"><img src="image_03.jpg" class="photo"></a></td>
 
CSS:
img.photo { border: 3px solid #000000; }