Voilà l'état de mon code à l'heure actuelle :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Archive du blog <?php } ?> <?php wp_title(); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div id="page">
<div id="outils">
<ul class="liste_outils">
<li><a href="#" title="Accueil">Accueil</a></li>
<li><a href="#" title="A propos...">A propos</a></li>
<li><a href="#" title="Photos Flickr" target="_blank">Galerie photos</a></li>
<li><a href="#" Title="Archives">Archives</a></li>
<li><a href="#" Title="Plan du site">Plan du site</a></li>
<li><a href="#" Title="Me contacter">Me contacter</a></li>
</ul>
<ul class="liste_RSS">
<li>Suscribe :</li>
<li>Posts</li>
<li>Commentaires</li>
</ul>
</div>
<div id="header">
<a href="<?php bloginfo('home'); ?>"><img src="wp-content/themes/tybo/images/bkg_header.png" alt="header" height="110" width="1000"></a>
</div>
<div id="pages">
<div id="liste_pages">
<ul>
<?php wp_list_cats(); ?>
</ul>
</div>
<div id="phrase_jour">
<img class="titre_phrase" src="wp-content/themes/tybo/images/titre_phrase.png" alt="La phrase du jour" height="29px" width="121px">
<span class="phrase_jour"><?php quotescollection_display_randomquote() ?></span>
</div>
</div>
Pour le Html et voilà la css dans son intégralité :
body{
margin: 0 0 0 0;
/*background-color:#39464a;
background-image:url(images/bkg_body.png);
background-repeat:repeat-x;*/
font-family:“Lucida Sans Unicode”, sans-serif;
}
h2.foot{
font-size:13px;
margin-left: 20px;
color:#cfb370;
}
ul {
margin:0;
}
a img {
border:none;
}
#page {
position: absolute;
left:50%;
margin-left: -500px;
width:1000px;
margin-top:0;
}
#outils {
position:absolute;
background-image: url(images/bkg_outils.png);
width:1000px;
height:20px;
}
.liste_outils {
float:left;
width:600px;
height:20px;
}
.liste_RSS {
float:right;
width:300px;
height:20px;
}
.liste_outils li {
display:inline;
color:#a0a09b;
padding-left:20px;
font-size:11px;
font-weight:bold;
height:20px;
}
.liste_outils li a{
color:#a0a09b;
text-decoration:none;
}
.liste_outils li a:hover{
color:#e8a029;
text-decoration:none;
}
.liste_RSS li {
display:inline;
color:#a0a09b;
padding-left:10px;
padding-right:10px;
font-size:11px;
font-weight:bold;
height:20px;
}
#header {
position:absolute;
padding-top:20px;
clear:both;
height:110px;
}
#pages {
background-color:#fff1bf;
padding-top:130px;
height:29px;
}
#liste_pages {
float:left;
border-style:solid;
border-width: 1px;
border-color:#000000;
height:29px;
}
#liste_pages li {
display:inline;
padding-left:10px;
}
#liste_pages li a {
color:#1c1f1e;
text-decoration:none;
}
#phrase_jour {
float:right;
height:29px;
width:400px;
font-size:12px;
}
.titre_phrase {
float:left;
}
.phrase_jour {
float:right;
font-size:10px;
height: 29px;
}
#content {
clear:both;
position:absolute;
background-image:url(images/bkg_contenu.png);
background-repeat:repeat-y;
width:750px;
}
#sidebar {
float:right;
background-color: Red;
width:250px;
}
.liens_footer {
/*background-color:#39464a;*/
height:20px;
text-align:center;
font-size:11px;
color:#cfb370;
padding-top:8px;
}
.liens_footer a{
color:#cfb370;
font-weight: bold;
text-decoration:none;
}
.liens_footer a:hover{
color:#688993;
font-weight:bold;
text-decoration:none;
}
.footer {
clear:both;
background-image:url(images/bkg_footer.png);
background-repeat:no-repeat;
background-color:#000000;
width:1000px;
height:300px;
}
.colonne1_footer {
padding-top:40px;
float:left;
width:250px;
height:25px;
}
.text_about {
font-size:10px;
color:#FFFFFF;
margin-left:20px;
padding-right:10px;
}
.colonne2_footer {
padding-top:40px;
float:left;
width:250px;
height:25px;
}
.colonne3_footer {
padding-top:40px;
float:left;
width:250px;
height:25px;
}
.colonne4_footer {
padding-top:40px;
float:left;
width:250px;
height:25px;
}
Et ce que je veux dire par les liens ont disparu c'est que je les vois, ils sont affichés et correctement dans le div (résultat de ma 1ere question) mais que je n'ai plus d'effet de rollover et que les liens sont inopérants, je ne peux pas cliquer dessus et ce, uniquement sous FF3.
Encore merci
