[RESOLU]Liens Adsense inclicables à cause du CSS

[jujux789]

Bonsoir tout le monde,

J'ai utilisé wordpress comme base pour faire un blog, et j'ai trouvé un thème très joli, Rockout, que j'ai un peu modifié pour qu'il me convienne bien.

Le problème est que sous Firefox et Safari, les Adsenses sont inclicables, peu importe l'endroit où elles se trouvent. Sous IE et Opera, il n'y a aucun problème. Cependant pas mal de personnes utilisent Firefox et c'est donc un problème assez important.

En supprimmant le CSS, tout marche à merveille, sauf que, evidemment, le site n'a plus l'air de rien

J'ai essayé de regardé ce qui pourrait clocher dans le CSS, mais je ne trouve pas... J'ai pas des connaissances irréprochables en CSS non plus ^^

Donc voilà, j'espère que vous voudrez bien m'aider

Voici le lien de mon site http://guitarblog.freeiz.com/

Et voilà la feuille CSS :

Code: Tout sélectionner

/*
THEME NAME: Rockout
THEME URI: http://createmy.com.au/?page_id=205
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Rockout is a canvas for muscic artists and lovers
VERSION: 1.0
AUTHOR: <a href="http://createmy.com.au/">Create My</a>
AUTHOR URI:http://createmy.com.au/
TAGS: blue, two-columns, flexible-width, microformats
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-r.css');

/* Just some example content */

* {
   font-family:"Gill Sans", Arial, Helvetica, sans-serif;
   z-index:-1;
   }

#header{
   margin: 0;
   padding:0;
   margin-bottom: 20px;
   }

body, h1, h2, h3, h3, h4{
   margin:0;
   padding: 0;
   }
   
img{
   border: none;
   }


body{
   background:url(images/bg.jpg) #FFFFFF top left repeat-x;
   padding: 0;
   margin:0;
   }

#blog-title{
   height:54px;
   padding-top:10px;
   margin-bottom: 180px;
   width:400px;
   position:relative;
   left: 52px;
   }

#blog-title h1{
   font-size:1.5em;
   }

#blog-title a{
   color:#FFFFFF;
   text-decoration:none;
   position:relative;
   bottom:0px;
   z-index:100;
   }
   
/* #guitar{
   height: 260px;
   width: 352px;
   background: url(images/rock-out.jpg) transparent no-repeat;
   position:absolute;
   right:0px;
   top: 26px;
   } */
   
#rsslink {width:51px; height:53px; position:absolute; z-index:101; left:0; top:1px; text-indent:-9999em;}
#rsslink a { background:url(images/feed.gif) no-repeat; width:51px; height:53px; display:block;}
//#rsslink a:hover { background:url(images/feedover.gif) no-repeat; display:block;}   
   
#blog-description{
   color:#FFFFFF;
   margin: 0 auto;
   font-size: 2em;
   text-align:center;
   z-index:100;
   }



div.skip-link {
   display:none;
   }


#menu {height:54px; position:absolute; z-index:100;border-right:1px solid #000000; top:10px; right:160px;}
#menu ul {padding:0;margin:1px;list-style-type:none;}
#menu li {float:left;position:relative;}
#menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#ffffff; height:30px;  padding-left:10px; line-height:29px; font-weight:bold;}
#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#000000 130px center;}
#menu ul ul a.drop:hover{background:#000000 no-repeat 130px center;}
#menu ul ul :hover > a.drop {background:#000000 130px center;}
#menu ul ul ul a, .menu ul ul ul a:visited {background:#000000;}
#menu ul ul ul a:hover {background:#000000;}
#menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000000;}
* html #menu ul ul {top:30px;t\op:31px;}
#menu ul ul ul{left:149px; top:-1px; width:149px;}
#menu ul ul ul.left {left:-149px;}
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
#menu ul ul a, .menu ul ul a:visited {background:#000000; color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
* html #menu ul ul a, * html #menu ul ul a:visited {width:150px;w\idth:128px;}
#menu a:hover, #menu ul ul a:hover{color:#FF8C00;}
#menu :hover > a, #menu ul ul :hover > a {color:#FF8C00;}
#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible; }
#menu ul :hover ul ul{visibility:hidden;}
#menu ul :hover ul :hover ul{ visibility:visible;}

.homelink{
   background:url(images/home.jpg) no-repeat;
   height:50px;
   min-width: 50px;
   margin-top: -10px;
   padding-top: 9px;
   padding-left: 40px;
   }

.entry-title,.entry-meta {
   clear:both;
   }

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:90%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}


div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

.hentry{
   padding-bottom:20px;
   }
   
a{
   color:    #1E90FF;
        text-decoration: none;
   }

a:hover{
   color: #FF8C00;
   }
   
#nav-above{
   position:absolute;
   top:215px;
   padding-bottom: 40px;
   width: 68%;
   right: 30%;
   }

/*------------------ footer ----*/

#footer{
   clear:both;
   width: 100%;
background:url(images/bgfoot.jpg) repeat-x;

   height: 50px;
   position:relative;
   bottom:0px;
   margin-top: 20px;
   padding-top: 10px;
   }
   
#linkfooter{
   width: 900px;
   margin: 0px auto;
font-size: 11px;
   }



.linkfooters {
                 color: #FF8C00;
} 
   
#cmfooterfill{
   width: 290px;
   height: 40px;
   }


#cm{
   width: 290px;
   height: 40px;
   background:url(images/footer_CM.jpg) transparent left top no-repeat;
   float:left;
   }

#cmfooter{
   display:none;
   }
   

#wpfooterfill{
   width: 167px;
   height: 40px;
   }


#wp{
   width: 167px;
   height: 40px;
   background:url(images/footer_WP.jpg) transparent left top no-repeat;
   float:left;
   }

#wpfooter{
   display:none;
   }

Merci d'avance!

[salva]

En ajoutant une "position:absolute; z-index:200;" sur la div contenant Adsense.

[finstreet]

ah ben tu vois Là t'as + de chance d'avoir des réponses

[jujux789]

haha finstreet Merci encore :p


Et merci à toi aussi salva, c'est apparament pas si simple que de faire un bete div mais je pense pouvoir bidouiller qqchose avec ce que tu dis je vais essayer :p

[salva]

Pas tout compris là.

[jujux789]

en fait j'ai réussi a faire ce que tu m'a dis pur la banniere, mais pas pour la pub dans le menu, donc je cherche comment faire... mais si tu sais me conseiller je suis pas contre

[jujux789]

Voila j'ai réussi, je m'étais juste trompé entre id et class dans le CSS ...

Merci beaucoup à tous les 2