Bonjour à tous,
j'ai un problème sous IE 7, il ne charge pas mes iframes.
J'ai testé sous firefox et IE 6 ==> Tout est ok.
Voici mon code CSS
Et le HTML:
Merci pour votre aide.
Ps: j'ai entendu parler d'un problème de hover sour IE, est-ce cela?
j'ai un problème sous IE 7, il ne charge pas mes iframes.
J'ai testé sous firefox et IE 6 ==> Tout est ok.
Voici mon code CSS
.prof ul {
list-style-type: none;
margin:0;
padding:0;
position: absolute;
top: 250px; /* positionnement du menu, que vous pouvez changer à loisir */
left: 220px;
width: 100%; /* précision pour Opera */
}
.prof li {
float: left;
}
.prof a {
width: 130px;
height: 40px;
float: left;
display: block;
text-align: center;
border: 1px solid #fff;
text-decoration: none;
color: #000;
background: #00FF00;
}
.prof a:hover {
color: #411;
background: #AAA;
border: 1px solid gray;
border-bottom: 0px;
color: #fff;
}
.prof a span {
display: none;
}
.prof a:hover span {
display: block;
position: absolute;
top: 240px;
left: 200px;
width: 700px;
text-align: left;
}
Et le HTML:
<ul class="prof">
<li><a href="">Les communications du bureau<span><iframe src="http://docs.google.com/Doc?id=dcbs2hzq_1c2bfpvc6" width="699" height="500" frameborder="0"></iframe></span> </a></li>
<li><a href="">L'agenda de l'année <span><iframe src="http://www.google.com/calendar/embed?showTitle=0&showTabs=0&showCalendars=0&height=500&wkst=2&bgcolor=%23FFFFFF&src=isc.mouscron%40caramail.com&color=%235229A3&ctz=Europe%2FBrussels" width="699" height="500" frameborder="0"></iframe></span></a></li>
<li><a href="">La commande de matériel <span><iframe src="http://docs.google.com/Doc?id=dhcxk98z_0cxmwzzcn" width="699" height="500" frameborder="0"></iframe></span></a></li>
<li><a href="">Les activités en religion <span><iframe src="http://docs.google.com/Doc?id=ddbnrrkq_0d78zn2fm" width="699" height="500" frameborder="0" ></iframe></span></a></li>
<li><a href="">Les activités des MI <span><iframe src="http://www.google.com/calendar/embed?src=maitremi%40mouscron-isc.be&ctz=Europe/Brussels" width="699" height="500" frameborder="0"></iframe></span></a></li>
</ul>
Merci pour votre aide.
Ps: j'ai entendu parler d'un problème de hover sour IE, est-ce cela?