Problème avec un code pour image.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec un code pour image.

Message par Rikku-Chan le Dim 5 Juin 2011 - 15:38

Bonjour à vous ^^
J'ai un problème concernant une image qui, quand je la met dans mon cadre avec une infobulle, et que je passe sur les liens juste au dessus et bien l'image cache les liens cliquable.
Voici une capture de ce que j'obtiens:



Voici mon code html:

Spoiler:
Code:
<style type="text/css">
a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:10em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:black;
 }
#menu li a {
 display:block;
 width:179px;
 color:white;
 text-decoration:none;
 padding:0px;
 }
#menu li a:hover {
 color:#FFD700;
 }

#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
 position:absolute;
 }
#menu {
 height:35px;
 }
.titre}
border-bottom: 2px solid #000000;
TEXT-ALIGN: center;
-moz-border-radius: 0px 0px 45px 45px;
border-radius: 0px 0px 45px 45px;
-webkit-border-radius: 0px 0px 45px 45px;
color:#000000;}


</style>
<table>
<tr><td width=715><img src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg"><div align="center"><div id="menu">
<ul>
  <li><a href="#">Administration</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Ecole</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Game</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Friends</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li><br/>
<table><tr style="width: 720px;"><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img src='http://i25.servimg.com/u/f25/16/45/82/19/7yumik10.png'/><span><img src='http://i25.servimg.com/u/f25/16/45/82/19/sed11.png'/>Fondatrice  et Directrice du Pensionnat Tokai.</span></a></div></div><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div></td><td>
<div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">HISTOIRE</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td></tr>
<tr><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">RECHERCHE</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">NOUVEAUTES</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">EVENEMENTS</span></center><br/>EN COURS: Aucun pour le moment.<br><br>TERMINES: Idem.</div></div></td></tr>
<tr><td><div style="width: 240px; height: 100px;"><div style="text-align: center;" align="center">IMAGE</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">TOP SITES</span></center><br/>
<center><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><br>Voter toutes les deux heures avec une intervalle de tente secondes pour que le forum s'agrandisse, merci.</center></div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">INFORMATIONS</span></center><br/>
Nous sommes en mois de Juin et le temps est ensoleillé!
La température est tellement haute que les professeurs hésitent de faire cour en plein air.
La rentrée n’est toujours pas divulguée auprès des élèves et des parents.
</td></table></div>


Merci d'avance à qui prendra en charge mon problème ^^
Passez une bonne journée, à bientôt.


Dernière édition par Rikku-Chan le Dim 5 Juin 2011 - 17:38, édité 2 fois

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Izumi375 le Dim 5 Juin 2011 - 16:30

Bonjour,

J'ai rajouté les priorités de superpositions avec z-index aux liens et au fond noir.
Ca nous donne ceci:

Code:

<style type="text/css">
a.info{
position:relative;
z-index: 24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:10em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}
#menu ul {
positon: relative;
z-index: 999;
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:black;
 }
#menu li a {
position: relative;
z-index: 999;
 display:block;
 width:179px;
 color:white;
 text-decoration:none;
 padding:0px;
 }
#menu li a:hover {
 color:#FFD700;
 }

#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
 position:absolute;
 }
#menu {
 height:35px;
 }
.titre}
border-bottom: 2px solid #000000;
TEXT-ALIGN: center;
-moz-border-radius: 0px 0px 45px 45px;
border-radius: 0px 0px 45px 45px;
-webkit-border-radius: 0px 0px 45px 45px;
color:#000000;}


</style>
<table>
<tr><td width=715><img src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg"><div align="center"><div id="menu">
<ul>
  <li><a href="#">Administration</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Ecole</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Game</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Friends</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li><br/>
<table><tr style="width: 720px;"><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img src='http://i25.servimg.com/u/f25/16/45/82/19/7yumik10.png'/><span><img src='http://i25.servimg.com/u/f25/16/45/82/19/sed11.png'/>Fondatrice  et Directrice du Pensionnat Tokai.</span></a></div></div><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div></td><td>
<div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">HISTOIRE</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td></tr>
<tr><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">RECHERCHE</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">NOUVEAUTES</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">EVENEMENTS</span></center><br/>EN COURS: Aucun pour le moment.<br><br>TERMINES: Idem.</div></div></td></tr>
<tr><td><div style="width: 240px; height: 100px;"><div style="text-align: center;" align="center">IMAGE</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">TOP SITES</span></center><br/>
<center><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><br>Voter toutes les deux heures avec une intervalle de tente secondes pour que le forum s'agrandisse, merci.</center></div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">INFORMATIONS</span></center><br/>
Nous sommes en mois de Juin et le temps est ensoleillé!
La température est tellement haute que les professeurs hésitent de faire cour en plein air.
La rentrée n’est toujours pas divulguée auprès des élèves et des parents.
</td></table></div>

Si vous avez des questions n'hésitez pas Smile

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Rikku-Chan le Dim 5 Juin 2011 - 16:37

Bonjour ='D
Merci beaucoup ^^
Ca marche parfaitement =D

Une petite question, j'ai un autre problème avec cette page d'accueil que j'ai exposé ici: http://forum.forumactif.com/t305919-centre-sa-page-d-accueil

Enfaite, il s'agit que ma page d'accueil (les cadres ainsi que la barre noir avec les liens) n'est pas centré.

Comment faire ?

Merci bien d'avance ^^

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Izumi375 le Dim 5 Juin 2011 - 16:51

Vous avez essayé ce que vous a conseillé macema?
C'est une très bonne assistactive, elle résout toujours les problèmes. Very Happy

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Rikku-Chan le Dim 5 Juin 2011 - 16:53

J'ai mis le code dans généralité mais rien ne change =/
Sinon je ne vois pas comment faire pour centré ce qu'elle m'a dit de centrer =/

Merci bien ^^

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Izumi375 le Dim 5 Juin 2011 - 16:56

Je vais voir si je trouve une solution auquel cas je vous réponds sur le sujet correspondant. Wink

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Rikku-Chan le Dim 5 Juin 2011 - 16:59

D'accord, merci bien ='D

Vous pouvez donc archiver cette demande et encore merci ^^

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Lixyr le Dim 5 Juin 2011 - 17:01

Macema avait écrit ce code :

Code:
<center><table width="730" height="520" cellpadding="0" cellspacing="0" border="0"><tr><td width="730" height="520" ><iframe src="http://tokai.forums-actifs.net/h2-page-d-accueil" frameborder="no" width="730px" height="520px" align="center" style="overflow : hidden"></iframe></td></tr></table></center>


est-ce que vous avez essayé de mettre un margin dans votre tableau pour le centrer ? Comme ceci :

Code:
margin-left:auto;margin-right:auto;

ce qui donne dans le tableau :

Code:
<center><table style="margin-left:auto;margin-right:auto;" width="730" height="520" cellpadding="0" cellspacing="0" border="0"><tr><td width="730" height="520" ><iframe src="http://tokai.forums-actifs.net/h2-page-d-accueil" frameborder="no" width="730px" height="520px" align="center" style="overflow : hidden"></iframe></td></tr></table></center>





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Rikku-Chan le Dim 5 Juin 2011 - 17:04

J'ai mis votre long code dans généralité mais cela ne fonctionne pas =/
Est ce qu'il fallait bien le mettre dans généralité (avec le code de la fiche html) ou il fallait le mettre avec le code là où il y a le contenu etc..?
Si oui, comment faire?

Merci bien ^^

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Lixyr le Dim 5 Juin 2011 - 17:07

Et bien, à ce que j'ai compris, vous souhaitez afficher une iframe, et la centrer.

Ce que je ne sais pas, c'est où vous avez mis cette iframe. Smile
Dans votre page d'accueil, ou dans un template ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Rikku-Chan le Dim 5 Juin 2011 - 17:10

Alors, mon code je l'ai placé dans une fiche html que j'ai créer avec le nom "page d'accueil", j'ai cocher non partout et j'ai mis ce code:

Spoiler:
Code:
<style type="text/css">
a.info{
position:relative;
z-index: 24;
color:#D9D8B9;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:10em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}
#menu ul {
positon: relative;
z-index: 999;
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:#D9D8B9;
 }
#menu li a {
position: relative;
z-index: 999;
 display:block;
 width:179px;
 color:#726447;
 text-decoration:none;
 padding:0px;
 }
#menu li a:hover {
 color:#97845E;
 }

#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
 position:absolute;
 }
#menu {
 height:35px;
 }
.titre}
border-bottom: 2px solid #D9D9B9;
TEXT-ALIGN: center;
-moz-border-radius: 0px 0px 45px 45px;
border-radius: 0px 0px 45px 45px;
-webkit-border-radius: 0px 0px 45px 45px;
color:#D9D9B9;}


</style>
<table>
<tr><td width=715><img src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg"><div align="center"><div id="menu">
<ul>
  <li><a href="#">Administration</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Ecole</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Game</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Friends</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li><br/>
<table><tr style="width: 720px;"><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img src='http://i25.servimg.com/u/f25/16/45/82/19/7yumik10.png'/><span><img src='http://i25.servimg.com/u/f25/16/45/82/19/sed11.png'/>Fondatrice  et Directrice du Pensionnat Tokai.</span></a></div></div><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div></td><td>
<div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #E8E8E8;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#726447;">HISTOIRE</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td></tr>
<tr><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">RECHERCHE</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">NOUVEAUTES</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">EVENEMENTS</span></center><br/>EN COURS: Aucun pour le moment.<br><br>TERMINES: Idem.</div></div></td></tr>
<tr><td><div style="width: 240px; height: 100px;"><div style="text-align: center;" align="center">IMAGE</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">TOP SITES</span></center><br/>
<center><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><br>Voter toutes les deux heures avec une intervalle de tente secondes pour que le forum s'agrandisse, merci.</center></div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">INFORMATIONS</span></center><br/>
Nous sommes en mois de Juin et le temps est ensoleillé!
La température est tellement haute que les professeurs hésitent de faire cour en plein air.
La rentrée n’est toujours pas divulguée auprès des élèves et des parents.
</td></table></div>

Puis j'ai mis ce code dans généralité:

Code:
<center><table style="margin-left:auto;margin-right:auto;" width="730" height="520" cellpadding="0" cellspacing="0" border="0"><tr><td width="730" height="520" ><iframe src="http://tokai.forums-actifs.net/h2-page-d-accueil" frameborder="no" width="730px" height="520px" align="center" style="overflow : hidden"></iframe></td></tr></table></center>


Voilà, merci bien =)

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Lixyr le Dim 5 Juin 2011 - 17:14

Et bien, si vous avez mis mon code dans

Affichage >> page d'accueil >> généralité >> message sur la page d'accueil

normalement, tout devrait être centré, ça marche bien sur mon forum test :

forum test





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Izumi375 le Dim 5 Juin 2011 - 17:20

Dans le forum test de lixyr, la largeur est bien plus grande que 60%. Du coup on n'a pas ce problème.
L'image du haut de votre iframe impose sa largeur qui est pour l'instant trop grande par rapport au forum. Réduisez là jusqu'à que ca passe.

Par exemple comme ceci ca devrait mieux aller:

Code:
<img width="710" src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg"><div align="center"><div id="menu">

on a donc:

Code:
<style type="text/css">
a.info{
position:relative;
z-index: 24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:10em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}
#menu ul {
positon: relative;
z-index: 999;
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:black;
 }
#menu li a {
position: relative;
z-index: 999;
 display:block;
 width:179px;
 color:white;
 text-decoration:none;
 padding:0px;
 }
#menu li a:hover {
 color:#FFD700;
 }

#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
 position:absolute;
 }
#menu {
 height:35px;
 }
.titre}
border-bottom: 2px solid #000000;
TEXT-ALIGN: center;
-moz-border-radius: 0px 0px 45px 45px;
border-radius: 0px 0px 45px 45px;
-webkit-border-radius: 0px 0px 45px 45px;
color:#000000;}


</style>
<table>
<tr><td width=715><img width="710" src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg"><div align="center"><div id="menu">
<ul>
  <li><a href="#">Administration</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Ecole</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Game</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Friends</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li><br/>
<table><tr style="width: 720px;"><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img src='http://i25.servimg.com/u/f25/16/45/82/19/7yumik10.png'/><span><img src='http://i25.servimg.com/u/f25/16/45/82/19/sed11.png'/>Fondatrice  et Directrice du Pensionnat Tokai.</span></a></div></div><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div></td><td>
<div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">HISTOIRE</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td></tr>
<tr><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">RECHERCHE</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">NOUVEAUTES</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">EVENEMENTS</span></center><br/>EN COURS: Aucun pour le moment.<br><br>TERMINES: Idem.</div></div></td></tr>
<tr><td><div style="width: 240px; height: 100px;"><div style="text-align: center;" align="center">IMAGE</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 240px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">TOP SITES</span></center><br/>
<center><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><br>Voter toutes les deux heures avec une intervalle de tente secondes pour que le forum s'agrandisse, merci.</center></div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">INFORMATIONS</span></center><br/>
Nous sommes en mois de Juin et le temps est ensoleillé!
La température est tellement haute que les professeurs hésitent de faire cour en plein air.
La rentrée n’est toujours pas divulguée auprès des élèves et des parents.
</td></table></div>

Enfin je crois que c'est ca... Mr. Green

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Rikku-Chan le Dim 5 Juin 2011 - 17:22

Effectivement, sur le votre ça marche mais sur le mien ça n'a pas l'air =/
Je sais pas pourquoi, voici ce que ça me donne à moi:

http://i25.servimg.com/u/f25/16/45/82/19/78965_10.jpg

Ma structure est de 60% peut etre que c'est pour ça le problème qu'on a pas le même rendu.

EDIT: Oui j'ai essayer mais ça ne change pas =/

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Izumi375 le Dim 5 Juin 2011 - 17:26

Vous avez essayé de changer la largeur de tout le reste car en fait l'image n'est pas la seule à imposer sa largeur.

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Rikku-Chan le Dim 5 Juin 2011 - 17:29

Comment faire?
Je pense qu'en faites c'est surtout la barre noir des liens nan?

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Izumi375 le Dim 5 Juin 2011 - 17:31

En fait c'est la barre noire et les "boites" en dessous. Voilà ce que j'obtiens en ayant changé toutes les largeurs sur mon forum test

http://freakssqueele.forumzarbi.com/

avec ce code ci:

Code:

<style type="text/css">
a.info{
position:relative;
z-index: 24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:10em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}
#menu ul {
positon: relative;
z-index: 999;
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:black;
 }
#menu li a {
position: relative;
z-index: 999;
 display:block;
 width:177px;
 color:white;
 text-decoration:none;
 padding:0px;
 }
#menu li a:hover {
 color:#FFD700;
 }

#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
 position:absolute;
 }
#menu {
 height:35px;
 }
.titre}
border-bottom: 2px solid #000000;
TEXT-ALIGN: center;
-moz-border-radius: 0px 0px 45px 45px;
border-radius: 0px 0px 45px 45px;
-webkit-border-radius: 0px 0px 45px 45px;
color:#000000;}


</style>
<table>
<tr><td width="710"><img width="710" src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg"><div align="center"><div id="menu">
<ul>
  <li><a href="#">Administration</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Ecole</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Game</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Friends</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li><br/>
<table><tr style="width: 720px;"><td><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img src='http://i25.servimg.com/u/f25/16/45/82/19/7yumik10.png'/><span><img src='http://i25.servimg.com/u/f25/16/45/82/19/sed11.png'/>Fondatrice  et Directrice du Pensionnat Tokai.</span></a></div></div><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div></td><td>
<div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">HISTOIRE</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td></tr>
<tr><td><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">RECHERCHE</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">NOUVEAUTES</span></center><br/>
BLABLABLABLA
BLABLABLABLABLABLABLABLA BLA
BLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLABLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA
BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">EVENEMENTS</span></center><br/>EN COURS: Aucun pour le moment.<br><br>TERMINES: Idem.</div></div></td></tr>
<tr><td><div style="width: 236px; height: 100px;"><div style="text-align: center;" align="center">IMAGE</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;
overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">TOP SITES</span></center><br/>
<center><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><br>Voter toutes les deux heures avec une intervalle de tente secondes pour que le forum s'agrandisse, merci.</center></div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #000000;
TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#000000;">INFORMATIONS</span></center><br/>
Nous sommes en mois de Juin et le temps est ensoleillé!
La température est tellement haute que les professeurs hésitent de faire cour en plein air.
La rentrée n’est toujours pas divulguée auprès des élèves et des parents.
</td></table></div>

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Lixyr le Dim 5 Juin 2011 - 17:34

La taille du forum ne change pas la taille de l'iframe, j'ai testé chez moi en mettant mon forum test à 60% et ça s'affichait bien.

Essayez avec ce code, pour voir :

Code:
<center><table style="margin-left:auto;margin-right:auto;" width="90%" height="520" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="margin-right:3px;"><iframe src="http://tokai.forums-actifs.net/h2-page-d-accueil" frameborder="no" width="730px" height="520px" align="center" style="overflow : hidden"></iframe></td></tr></table></center>

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Rikku-Chan le Dim 5 Juin 2011 - 17:37

Et bien...que dire?...C'est super!!!!
Merchi beaucoup!! ='D
Ca marche avec le code d'Izumi ^^
Ca fonctionne a merveille maintenant ^^
C'est tout droit, tout beau, merci ^^
Merci beaucoup a toute l'équipe (oui parce que c'était bien une équipe qui a participer a mon problème, vous étiez au moins trois mdrr! xD)

Vous pouvez donc archiver la commande ='D merci encore ^^

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Lixyr le Dim 5 Juin 2011 - 17:40

C'est mis en résolu, donc ça sera archivé. ^^





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Rikku-Chan le Dim 5 Juin 2011 - 17:41

Merci ^^

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Izumi375 le Dim 5 Juin 2011 - 17:44

Contente que ça marche Smile
Et merci pour le "merchi" ca me fait des points de réputation j'adore. Mr. Green

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour image.

Message par Rikku-Chan le Dim 5 Juin 2011 - 17:46

Il y a pas de quoi, c'est normal xD

Rikku-Chan
***

Féminin
Messages : 164
Inscrit(e) le : 17/01/2011

http://www.green-apple.forumsactifs.com
Rikku-Chan a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum