Bonjour!
J'ai un problême d'espace que je ne veux pas avoir.
J'ai une bannière et un menu mais entre le menu et le contenu central, j'ai un espace que je n'arrive pas à éliminer...
Je vous montre mon code de ma page index:
<html>
<head>
<title>
Association des musiciens et des écrivains
de la Côte-du-Sud.
</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="#f0f0f0">
<table width="100%" height="100%">
<table class="fond" width="740" height="600" align="center" bgcolor="#f0f0f0">
<div align="center"><img src="logo.jpg"></div>
<tr>
<div align="center">
<a class="imagemenu7">
<img border="0" src="Menu/menu370990off.gif">
</a>
<a class="imagemenu1" href="index.html">
<img border="0" src="Menu/menu284802off.gif">
</a>
<a class="imagemenu2" href="index.html">
<img border="0" src="Menu/menu854643off.gif">
</a>
<a class="imagemenu3" href="index.html">
<img border="0" src="Menu/menu824208off.gif">
</a>
<a class="imagemenu4" href="index.html">
<img border="0" src="Menu/menu105395off.gif">
</a>
<a class="imagemenu5" href="index.html">
<img border="0" src="Menu/menu923803off.gif">
</a>
<a class="imagemenu6" href="index.html">
<img border="0" src="Menu/menu636019off.gif">
</a>
<a class="imagemenu7">
<img border="0" src="Menu/menu370990off.gif">
</a>
</div>
</tr>
</table>
</table>
</body>
</html>
et voici mon css:
<style type="text/css">
<!--
table.fond
{
background-image:url('fond.jpg');
}
a.imagemenu1
{
width: 100px;
height: 25px;
background-image: url('Menu/menu284802on.gif');
background-repeat: no-repeat;
}
a.imagemenu1:hover
{
visibility: visible;
}
a.imagemenu1:hover img
{
visibility: hidden;
}
a.imagemenu2
{
width: 100px;
height: 25px;
background-image: url('Menu/menu854643on.gif');
background-repeat: no-repeat;
}
a.imagemenu2:hover
{
visibility: visible;
}
a.imagemenu2:hover img
{
visibility: hidden;
}
a.imagemenu3
{
width: 100px;
height: 25px;
background-image: url('Menu/menu824208on.gif');
background-repeat: no-repeat;
}
a.imagemenu3:hover
{
visibility: visible;
}
a.imagemenu3:hover img
{
visibility: hidden;
}
a.imagemenu4
{
width: 100px;
height: 25px;
background-image: url('Menu/menu105395on.gif');
background-repeat: no-repeat;
}
a.imagemenu4:hover
{
visibility: visible;
}
a.imagemenu4:hover img
{
visibility: hidden;
}
a.imagemenu5
{
width: 100px;
height: 25px;
background-image: url('Menu/menu923803on.gif');
background-repeat: no-repeat;
}
a.imagemenu5:hover
{
visibility: visible;
}
a.imagemenu5:hover img
{
visibility: hidden;
}
a.imagemenu6
{
width: 100px;
height: 25px;
background-image: url('Menu/menu636019on.gif');
background-repeat: no-repeat;
}
a.imagemenu6:hover
{
visibility: visible;
}
a.imagemenu6:hover img
{
visibility: hidden;
}
a.imagemenu7
{
width: 70px;
height: 25px;
background-image: url('Menu/menu370990on.gif');
background-repeat: no-repeat;
}
a.imagemenu7:hover
{
visibility: visible;
}
a.imagemenu7:hover img
{
visibility: hidden;
}
-->
</style>
Est-ce que quelqu'un a une solution please???
Est-ce que mon code est conforme car je suis débutant???
Merci a l'avance
Partager