|
|
Bonjour tout le monde, je travaille en ce moment sur un site internet en html composé de 3 frames. Une frame à gauche pour le menu, une frame en haut pour afficher le logo de l'entreprise et deux images qui changent quand on passe la souris dessus (fait en javascript). Les 3 images sont alignées verticalement et horizontalement.
Mon problème se situe au niveau de cette frame supérieure qui est trop grande par rapport au résultat voulu. Mon souhait serait que la frame s'arrête exactement au bord des images.
J'ai déjà tenté d'intégrer un css afin de supprimer les marges mais sans résultats. J'ai également tenté de changer les attributs dans body pour supprimer les marges et enfin j'ai essayé tout simplement de modifier les tailles des frames en pourcentage mais les images se trouvent coupées en bas avec l'affreux bord en haut.
Je vous laisse mon code html ainsi que mon css afin que vous puissiez jetter un oeil.
Je vous remercie d'avance pour vos réponses.
Code html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title><link rel="stylesheet" href="style3.css" type="text/css">
<script language="JavaScript">
if(document.images)
{
i778193 = new Image;
i778193 = "Images/lycee.jpg";
}
</script>
<script language="JavaScript">
if(document.images)
{
i48074 = new Image;
i48074 = "Images/poste.jpg";
}
</script>
</head>
<body bgcolor="#abcde7" margin="0">
<img style="Z-INDEX: 100; LEFT: 1px; POSITION: absolute; TOP: 21px" height="130" alt="" src="Images/logo.jpg" width="131" align="right" border="0" name="">
<a onmouseover="i48074.src='Images/poste.jpg'" onmouseout="i48074.src='Images/con_reg.jpg'" href="rehabilitations.html" target="droite">
<img style="horizontal-align: bottom" height="130" alt="con_reg" hspace="0" src="Images/con_reg.jpg" width="180" align="right" border="0" name="i48074"></a>
<a onmouseover="i48074.src='Images/poste.jpg'" onmouseout="i48074.src='Images/con_reg.jpg'" href="rehabilitations.html" target="droite"></a>
<a onmouseover="i778193.src='Images/lycee.jpg'" onmouseout="i778193.src='Images/treficable1.jpg'" href="realisations.html" target="droite">
<img height="130" alt="treficable" hspace="0" src="Images\treficable1.jpg" width="100" align="right" border="0" name="i778193">
</a> <a onmouseover="i778193.src='Images/lycee.jpg'" onmouseout="i778193.src='Images/treficable1.jpg'" href="realisations.html" target="droite"></a>
<br>
<p align="right"><br> </p></body></html>
Code css
a:link { color:#000000; text-decoration:none; font-weight:normal; text-align: auto }
a:hover { color:#000000; text-decoration:none; font-weight:normal; text-align: auto}
a:visited { color:#000000; text-decoration:none; font-weight:normal; text-align: auto}
a:active { color:#000000; text-decoration:none; font-weight:normal; text-align: auto}
body { bgcolor:#abcde7; MARGIN:0;}
input { font-size:8pt; font-family:Verdana;}
textarea { font-size:8pt; font-family:Verdana;}
select { font-size:8pt; font-family:Verdana;}
td { font-size:12pt; font-family:Verdana;}
|
1
