Conflit dans les styles CSS
Bonjour.
J'utilise une page HTML pour faire apparaître une image, comme décrit ci-dessous :
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
| <!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:
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
