bonjour à vous tous,
j'ai un soucis avec deux navigateurs qui ne me donne pas du tout les mçeme résultats :
avec internet explorer 6 :
http://www.recreaseb.com/test/vue.jpg
avec mozilla :
http://www.recreaseb.com/test/vue1.jpg
de plus avec mozilla j'ai un soucis sur un a:hover qui me donne comme résultat :
http://www.recreaseb.com/test/vue3.jpg
le border n'est pas complet et la couleur de fond apparait ???!!!
voici mon code html :
et le css qui va avec :
quelqu'un pourrait-il me dire ce qui cloche, j'ai éssayer pas mal de chose mais je n'arrive toujours pas a avoir le même résultat sur les deux navigateurs.
d'avance merci
Modifié par sebzero (21 Feb 2005 - 09:40)
j'ai un soucis avec deux navigateurs qui ne me donne pas du tout les mçeme résultats :
avec internet explorer 6 :
http://www.recreaseb.com/test/vue.jpg
avec mozilla :
http://www.recreaseb.com/test/vue1.jpg
de plus avec mozilla j'ai un soucis sur un a:hover qui me donne comme résultat :
http://www.recreaseb.com/test/vue3.jpg
le border n'est pas complet et la couleur de fond apparait ???!!!
voici mon code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>ARTHUR</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<link rel="stylesheet" media="screen" type="text/css" title="tp" href="tp2.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu">
<h3><a href="index.htm"><img class="position" src="titre1.png" alt="index" /></a></h3>
<ul>
<li><a href="chemin">page x</a></li>
<li><a href="chemin">page x</a></li>
<li><a href="chemin">page x</a></li>
<li><a href="chemin">page x</a></li>
<li><a href="chemin">page x</a></li>
</ul>
</div>
</div>
<!-- Le corps -->
<div id="corps">
<h1>Mon site</h1>
<p>
Bienvenue sur mon site !<br />
C'est mon site a moi qui va parler de... heu... moi, mais aussi de plein d'autres choses....!
</p>
<h2>Pourquoi ce site ?</h2>
<p>
Un site pour toutes les personnes qui veulent prendre de mes nouvelles,<br/>
qui veulent me voir évoluer et qui ne sont pas forcément proche ( géographiquement).<br/>
Là j'ai oublié quelqu'un....Oui!! moi évidemment! Pour me faire plaisir!!!!<br/>
C'est aussi mon but : que tout le monde ai plaisir a venir sur ce site.
</p>
<h2>L'auteur</h2>
<p class="centre">
</p>
</div>
<!-- Le pied de page -->
<div class="pied_de_page">
<p>Une remarque, une suggestion ou tout simplement envie de m'écrire: <a href="mailto:arthur-baudoin@wanadoo.fr">cliquez ici!</a></p>
</div>
</body>
</html>et le css qui va avec :
/* CSS Document */
.left
{
float:right;
width:300px;
}
img
{
border:none;
}
.centre
{
text-align:center;
}
body
{
width: 770px;
margin: auto;
margin-top: 20px;
background-color:white;
}
#en_tete
{
width: 757px;
height: 332px;
background-image:url("headerbody.jpg");
background-repeat: no-repeat;
}
#menu
{
margin:0px;
padding:0px;
float: left;
width: 247px;
margin-left:26px;
}
.element_menu
{
background-color: #82a4d2;
background-repeat: repeat-x;
}
.element_menu h3
{
color: #93780a;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align:center;
background-image:url(menutop.jpg);
width:247px;
height:88px;
padding-top:0px;
margin-top:0px;
}
.position
{
margin-top:25px;
width:116px;
height:49px;
}
.element_menu ul
{
padding: 0px;
padding-left: 20px;
padding-bottom:20px;
margin: 0px;
margin-bottom: 25px;
}
.element_menu a
{
color: #93780a;
}
.element_menu a:hover
{
background-color: #b3b3b3;
color: black;
border:1px solid black;
text-decoration:none;
}
#corps
{
margin:0px;
padding:0px;
width:451px;
margin-left: 271px;
margin-bottom: 20px;
padding: 5px;
color:white;
background-color:#82a4d2;
}
#corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height: 30px;
padding-left: 30px;
color: #B3B3B3;
text-align: left;
}
.pied_de_page
{
padding: 5px;
text-align: center;
color: black;
background-color: #82a4d2;
border: 2px solid black;
}
.pied_de_page a:hover
{
background-color: #93780a;
color: black;
}
.pied_de_page a
{
color: #93780a;
}
quelqu'un pourrait-il me dire ce qui cloche, j'ai éssayer pas mal de chose mais je n'arrive toujours pas a avoir le même résultat sur les deux navigateurs.
d'avance merci
Modifié par sebzero (21 Feb 2005 - 09:40)
à j'oubliais... le tout dans une liste !
Encore merci et à demain 
