Bonjour tout le monde !
Voila, je suis en train de réaliser une mise à jour d'un de mes sites... et j'aimerais y insérer du Css. Mais n'y connaissant quasiment rien, je ne sais pas trop comment m'y prendre. J'ai commencé à faire quelques démarches, mais il y a quelques bugs sur les deux navigateurs (à savoir IE et Mozilla).
Pour plus de détails, j'ai mis tous mes fichiers sur internet.
http://www.megaupload.com/?d=XTK1U2MT
Les bugs sont les suivants :
Sous firefox :
L'image d'arrière plan situé dans le dossier (/Dossiers du site/Images/Arriere_Plan.png) ne s'affiche pas, ainsi que les images du menu "News" (rollover) situé dans le dossier (/Dossiers du site/Images/Menu/Standard/). La bannière du site, s'affiche ; néanmoins, il y a l'icone d'un fichier image déchiré dans l'angle supérieur gauche de la banière. De plus, cette dernière est encadre par un cadre blanc.
*********************************************************
Sous internet exploser :
La bannière du site, s'affiche ; néanmoins, il y a l'icone d'un fichier image dans l'angle supérieur gauche de la banière. De plus, cette dernière est encadre par un cadre blanc.
Pour ceux qui ne veulent pas télécharger les fichiers, voici le code.
Html
Citation :
<html>
<head>
<link rel="stylesheet" href="Fichier Css/Standard.css" type="text/css">
<title>Sommaire</title>
</head>
<body>
<center>
<table cellpadding="2" width="800" id="AutoNumber3" bordercolorlight="#000000" bordercolordark="#000000" height="210" style="padding:0; border-collapse: collapse;">
<td bgcolor="#000000" style="border-left: 3px double #0000FF; border-right: 3px double #0000FF; border-top: 3px double #0000FF; border-bottom: 3px double #0000FF" width="375">
<p align="center">
<img border ="0" class="logovantales" width="375" height="146">
</p>
</td>
<tr>
<td bgcolor="#000000" height="30" align="center" style="border-left: 3px double #0000FF; border-right: 3px double #0000FF; border-top: 3px double #0000FF; border-bottom: 3px double #0000FF" width="100%" colspan="2">
<a class="menunews" target="bas" href="news.htm">
</a>
</td>
</tr>
</table>
</center>
</body>
</html>
|
CSS
Citation :
body {
color:White;
background-color:#000080;
background-image:url(../Dossiers du site/Images/Arriere_Plan.png);
margin:0;
}
img.logovantales
{
background-image:url('../Dossiers du site/Images/Logo du site/Standard/Logo.PNG');
}
a.menunews
{
background-image:url('../Dossiers du site/Images/Menu/Standard/News1.png');
display: block; width: 100px; height:30 px;
}
a.menunews:hover { background: url('../Dossiers du site/Images/Menu/Standard/News2.png')
}
|
Merci de votre aide à tous.
---------------
C'est en programmant qu'on devient programmeur.