Annonce déformée sur chrome et Explorer

2 participants

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

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

Résolu Annonce déformée sur chrome et Explorer

Message par Daisuke-Aniki Dim 9 Fév 2014 - 13:11

Bonjour ^^"
J'ai un problème avec mon annonce d'accueil fraichement réalisée, le soucis c'est qu'elle est déformée quand on change de navigateur, j'ai testé plusieurs changements mais je ne tiens pas le bout donc je fais appel à vous qui avec votre oeil extérieur réussirez peut être à identifier la source du problème
Voici mon annonce d'accueil http://jonetest.bbactif.com/h12-annonce-html
Pour constater la différence il suffit de voir avec Mozzila ou Opera, puis voir avec Chrome ou Explorer, je peux fournir des screens si besoin.
Le code source :
Code:
<html>
  <title>lalalalala</title>
  <head>
    <meta charset="UTF-8"></meta>
    <style>
      /*  --------- STAFF TRANSITION ---------  */

/* BLOC PRINCIPAL */
#trans_div{
 position: relative;
 width: 100%;
 height: px;
 margin: 0;
 paddign: 0;
 overflow: visible;
}
/* BLOC EN POSITION ABSOLUTE POUR EVITER LES DEFORMATIONS AU SURVOL */
#en_plus{
width: 100%;
position: absolute;
margin: 0;
padding: 0;
}
/* TITRE */
#en_plus h2{
color: skyblue;
font: 16px;
letter-spacing:1px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
margin: 2px;
padding: 0;
}
/* BLOC DE CONTENU */
.bloc_transit_tfa {
background: Navy;
width:70px;
height: 100px;
float: left;
margin: 6px;
padding: 0;
overflow: hidden;
border: 2px dotted white;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px;  
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
      display:inline-block;
}
/* BLOC DE CONTENU AU SURVOL */
.bloc_transit_tfa:hover {
width: 400px;
height: 380px;
padding-top: 3px;
}
/* PARAGRAPHE */
.bloc_transit_tfa p{
 width: 96%;
 margin: 0 auto;
 padding: 0;
 color: skyblue;
 text-align: justify;
}
/* CONFIGURAITON DE SPAN (pseudo) */
.bloc_transit_tfa SPAN{
 font: 14px Arial;
 color: white;
}
/* LIENS */
.bloc_transit_tfa a{
 font: 15px Verdana;
 color: white;
 text-decoration: none;
}
    td
    {
    -moz-box-shadow: 0px 0px 8px 0px #ffffff;
    -webkit-box-shadow: 0px 0px 8px 0px #ffffff;
    -o-box-shadow: 0px 0px 8px 0px #ffffff;
    box-shadow: 0px 0px 8px 0px #ffffff;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=8);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height:280px;
    display:inline-block;
    background:none;
    background-color:rgba(135,206,250,0.25);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8066CDAA,endColorstr=#8066CDAA);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8066CDAA,endColorstr=#8066CDAA);zoom:1;
    color: Navy;
    border:1px dashed white;
      text-shadow:2x 2px 2px white;
    vertical-align:top;
  }
    h1
    {
    font-size:18px;
    text-decoration:underline;
    text-align:center;
    }
      .p
      {
      text-align:justify;
      padding:4px;
      
      }
    </style>
  </head>
  <body>
    <table style="width:975px;height:650px;background:url(http://i.imgur.com/vx5ldMW.png) no-repeat;">
      <tr style="height:130px;"></tr>
      <tr><td style="margin-left:100px;width:200px;" VALIGN="top"><h1>Accompagnement Terasu</h1>
        <p style="font-size:14px;" class=".p"> Le Royaume des rêves peut être vaste à première vue, Afin donc de vous aider à vous y installer, nouveaux rêveurs dans le royaume, des <strong>Terasus</strong> (Du japonais Eclaireur / Eclairer) se feront une joie de vous aider lors de votre arrivée dans le royaume , et ce, jusqu'à ce que vous soyez pleinement autonome dans le royaume, lors de votre inscription, vous n'aurez qu'à cocher oui pour avoir un Terasu ;).
        </p>
        </td>
        <td style="width:350px;" VALIGN="top"><h1>Qui Sommes-Nous?</h1><p class=".p">
          Jonetsu Yume est un forum traitant principalement le sujet mangas mais abordant d'autres passions faisant notre joie du quotidien.
          Nous sommes une communauté de fans qui dans un esprit d'échange permanent découvrent ou font découvrir de nouvelles choses, nous nous enrichissons ensemble de nouvelles choses et nous débattons ensemble dans le plus grand respect et la plus agréable ambiance possible.
          <br />
          La fondation du royaume date du 29 Décembre 2011 <br />
          Retrouve notre équipe ci-dessous ;)</p></td>
        <td style="width:200px;">    <h1>Nos News Mangas</h1>
          <p>Pour se tenir informé de tout ce qui se passe dans le monde du manga n'hésite pas à consulter les news de nos Kishas qui sont à l'affût !
           <br />
            Tu peux consulter ces news à tout moment en cliquant <a href="http://jonetsu-yume.jeun.fr/f78-nouveautes-du-monde-des-mangas">Ici !!</a>  ^^ .</p>
        </td>
      </tr>
    <center><div id="trans_div" style="position:fixed;top:435px;left:160px;">
     <div id="en_plus">

     <div class="bloc_transit_tfa">        
       <p>
          <img src="http://i.imgur.com/5FbkECt.png" style="float: left; margin-right: 5px;" alt="" />
          <span> Daisuke-Aniki </span><br />
          Fondateur du Royaume des rêves, et dévoué en toutes circonstances, j'occupe les fonctions d'administrateur, d'animateur, de codeur , de Bunka Graphiste et d'Hakken Animé. Je me ferai une joie de répondre à vos demandes .<br />
          <span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=1">M'envoyer un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u1">En savoir plus sur moi</a></span>  
       </p>
      </div>
    
    <div class="bloc_transit_tfa">        
        <p>
           <img  src="http://i.imgur.com/iZrUGxX.png" style="float: left; margin-right: 5px;" alt="" />
           <span> Shizu Ishtar </span><br />
           Fondatrice Du Royaume des rêves et juste en toutes circonstances, Shizu occupe les fonctions d'administratrice et d'animatrice chez les petits, disponible pour répondre à la moindre de vos questions sur votre demande . <br />
           <span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=4">Lui Envoyer Un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u4">En savoir plus sur Shizu.</a></span>
       </p>
      </div>
    
    <div class="bloc_transit_tfa">        
        <p>
           <img  src="http://i.imgur.com/bMO1usI.png" style="float: left; margin-right: 5px;" alt="" />
           <span> Hoshikeisei </span><br />
           Agréable et Joviale, Hoshikeisei occupe les postes de Kisha, de Bunka Littérature, D'Hakken Animé et Drama, ainsi que de Terasu, disponible pour tous, vous pouvez lui envoyer toute question en rapport avec ses postes, elle y répondra avec plaisir .<br />
           <span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=2">Lui Envoyer Un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u2">En savoir plus sur Hoshikeisei</a></span>
       </p>
      </div>        
      
    
    <div class="bloc_transit_tfa">        
        <p>
           <img  src="http://img15.hostingpics.net/pics/825182Meikaavatar.png" style="float: left; margin-right: 5px;" alt="" />
           <span> Meika-Chan </span><br />
           Pétillante et Sympathique, Meika-Chan Occupe les postes de Bunka Littéraire et de Terasu, toujours prête à aider son prochain, Elle pourra vous conseiller efficacement en particulier sur la littérature <br />
           <span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=189">Lui Envoyer Un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u189">En Savoir Plus Sur Meika-Chan</a></span>
       </p>
      </div>
    
    <div class="bloc_transit_tfa">        
       <p>
           <img src="http://img15.hostingpics.net/pics/309153sayaavatarunevoix.png" style="float: left; margin-right: 5px;" alt="" />
          <span> Saya </span><br />
          Amicale et Dévouée, Saya occupe le poste de Bunka Graphiste, et se fera une joie de vous conseiller en matière de graphisme et de galerie . <br />
           <span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=22">Lui Envoyer Un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u22">En Savoir Plus Sur Saya</a></span>
       </p>
      </div>
  
     <div style="clear:both;"></div>
   </div>
 </div>
      </center>
    </table>

</body>
</html>
Voila je ne vois pas ce qui pourrait clocher, je m'en remets à votre expérience  salut 
Merci beaucoup d'avance Hi
EDIT : Une de mes membres m'informe qu'elle a aussi une déformation mais légère sous Mozzila Et j'oublie de dire que l'effet du staff vient de cette page http://www.themes-fa.com/login?redirect=%2Ft6258-topic ^^


Dernière édition par Daisuke-Aniki le Lun 10 Fév 2014 - 21:39, édité 1 fois
Daisuke-Aniki

Daisuke-Aniki
***

Masculin
Messages : 110
Inscrit(e) le : 20/03/2013

http://jonetsu-yume.jeun.fr/
Daisuke-Aniki a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Annonce déformée sur chrome et Explorer

Message par Scoubifitz Dim 9 Fév 2014 - 15:53

bonjour,

comme ça ?

Code:
<!DOCTYPE html>
<html>
<title>lalalalala</title>
<head>
<meta charset="UTF-8"/>
<style>
/*  --------- STAFF TRANSITION ---------  */
body{background:darkgray url(http://i.imgur.com/vx5ldMW.png) no-repeat}
/* BLOC PRINCIPAL */
/* TITRE */
#en_plus {
margin:10px 0 0 70px;
width:790px;
height: 120px;position:absolute;
}
#en_plus h2{
color: skyblue;
font: 16px;
letter-spacing:1px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
margin: 2px;
padding: 0;
}
/* BLOC DE CONTENU */
.bloc_transit_tfa {
background: Navy;
width:70px;
height: 100px;
float: left;
margin: 6px;
padding: 0;
overflow: hidden;
border: 2px dotted white;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px; 
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
display:inline-block;
}
/* BLOC DE CONTENU AU SURVOL */
.bloc_transit_tfa:hover {
width: 400px;
height: 380px;
padding-top: 3px;
}
/* PARAGRAPHE */
.bloc_transit_tfa p{
width: 96%;
margin: 0 auto;
padding: 0;
color: skyblue;
text-align: justify;
}
/* CONFIGURAITON DE SPAN (pseudo) */
.bloc_transit_tfa SPAN{
font: 14px Arial;
color: white;
}
/* LIENS */
.bloc_transit_tfa a{
font: 15px Verdana;
color: white;
text-decoration: none;
}
.case
{
-moz-box-shadow: 0px 0px 8px 0px #ffffff;
-webkit-box-shadow: 0px 0px 8px 0px #ffffff;
-o-box-shadow: 0px 0px 8px 0px #ffffff;
box-shadow: 0px 0px 8px 0px #ffffff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=8);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color:rgba(135,206,250,0.25);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8066CDAA,endColorstr=#8066CDAA);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8066CDAA,endColorstr=#8066CDAA);zoom:1;
color: Navy;
border:1px dashed white;
text-shadow:2x 2px 2px white;
vertical-align:top;
}
h1
{
font-size:18px;
text-decoration:underline;
text-align:center;
}
.p
{
text-align:justify;
text-indent:20px;
padding:4px;
font-size:14px;
}
</style>
</head>
<body>
<div class="case" style="width:675px;margin:130px 0 10px 130px;">
<h1>Accompagnement Terasu</h1>
<p class="p"> Le Royaume des rêves peut être vaste à première vue, Afin donc de vous aider à vous y installer, nouveaux rêveurs dans le royaume, des <strong>Terasus</strong> (Du japonais Eclaireur / Eclairer) se feront une joie de vous aider lors de votre arrivée dans le royaume , et ce, jusqu'à ce que vous soyez pleinement autonome dans le royaume, lors de votre inscription, vous n'aurez qu'à cocher oui pour avoir un Terasu ;).
</p>
</div>
<div class="case" id="en_plus">
<div class="bloc_transit_tfa">       
<p>
<img src="http://i.imgur.com/5FbkECt.png" style="float: left; margin-right: 5px;" alt="" />
<span> Daisuke-Aniki </span><br />
Fondateur du Royaume des rêves, et dévoué en toutes circonstances, j'occupe les fonctions d'administrateur, d'animateur, de codeur , de Bunka Graphiste et d'Hakken Animé. Je me ferai une joie de répondre à vos demandes .<br />
<span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=1">M'envoyer un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u1">En savoir plus sur moi</a></span> 
</p>
</div>

<div class="bloc_transit_tfa">       
<p>
<img  src="http://i.imgur.com/iZrUGxX.png" style="float: left; margin-right: 5px;" alt="" />
<span> Shizu Ishtar </span><br />
Fondatrice Du Royaume des rêves et juste en toutes circonstances, Shizu occupe les fonctions d'administratrice et d'animatrice chez les petits, disponible pour répondre à la moindre de vos questions sur votre demande . <br />
<span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=4">Lui Envoyer Un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u4">En savoir plus sur Shizu.</a></span>
</p>
</div>

<div class="bloc_transit_tfa">       
<p>
<img  src="http://i.imgur.com/bMO1usI.png" style="float: left; margin-right: 5px;" alt="" />
<span> Hoshikeisei </span><br />
Agréable et Joviale, Hoshikeisei occupe les postes de Kisha, de Bunka Littérature, D'Hakken Animé et Drama, ainsi que de Terasu, disponible pour tous, vous pouvez lui envoyer toute question en rapport avec ses postes, elle y répondra avec plaisir .<br />
<span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=2">Lui Envoyer Un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u2">En savoir plus sur Hoshikeisei</a></span>
</p>
</div>       


<div class="bloc_transit_tfa">       
<p>
<img  src="http://img15.hostingpics.net/pics/825182Meikaavatar.png" style="float: left; margin-right: 5px;" alt="" />
<span> Meika-Chan </span><br />
Pétillante et Sympathique, Meika-Chan Occupe les postes de Bunka Littéraire et de Terasu, toujours prête à aider son prochain, Elle pourra vous conseiller efficacement en particulier sur la littérature <br />
<span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=189">Lui Envoyer Un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u189">En Savoir Plus Sur Meika-Chan</a></span>
</p>
</div>

<div class="bloc_transit_tfa">       
<p>
<img src="http://img15.hostingpics.net/pics/309153sayaavatarunevoix.png" style="float: left; margin-right: 5px;" alt="" />
<span> Saya </span><br />
Amicale et Dévouée, Saya occupe le poste de Bunka Graphiste, et se fera une joie de vous conseiller en matière de graphisme et de galerie . <br />
<span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=22">Lui Envoyer Un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u22">En Savoir Plus Sur Saya</a></span>
</p>
</div>

</div>
<div style="width:770px;margin:190px 0 0 90px">
<div class="case" style="width:550px;display:inline-block">
<h1>Qui Sommes-Nous?</h1>
<p class="p">
Jonetsu Yume est un forum traitant principalement le sujet mangas mais abordant d'autres passions faisant notre joie du quotidien.
Nous sommes une communauté de fans qui dans un esprit d'échange permanent découvrent ou font découvrir de nouvelles choses, nous nous enrichissons ensemble de nouvelles choses et nous débattons ensemble dans le plus grand respect et la plus agréable ambiance possible.
<br />
La fondation du royaume date du 29 Décembre 2011 <br />
Retrouve notre équipe ci-dessous ;)</p>
</div>
<div class="case" style="width:200px;display:inline-block">   
<h1>Nos News Mangas</h1>
<p class="p">Pour se tenir informé de tout ce qui se passe dans le monde du manga n'hésite pas à consulter les news de nos Kishas qui sont à l'affût !
<br />
Tu peux consulter ces news à tout moment en cliquant <a href="http://jonetsu-yume.jeun.fr/f78-nouveautes-du-monde-des-mangas">Ici !!</a>  ^^ .</p>
</div>
</div>
<div style="clear:both;"></div>

</body>
</html>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3732
Inscrit(e) le : 18/03/2008

https://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce déformée sur chrome et Explorer

Message par Daisuke-Aniki Dim 9 Fév 2014 - 17:30

Bonjour à vous et merci de m'aider ^^
Malheureusement cela ne fonctionne pas, cela donne ceci https://i.imgur.com/U9lZHUM.jpg
Daisuke-Aniki

Daisuke-Aniki
***

Masculin
Messages : 110
Inscrit(e) le : 20/03/2013

http://jonetsu-yume.jeun.fr/
Daisuke-Aniki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce déformée sur chrome et Explorer

Message par Scoubifitz Dim 9 Fév 2014 - 17:38

ça devrait donner ceci :

http://foratest.forumpersos.com/h21-essai

 scratch 
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3732
Inscrit(e) le : 18/03/2008

https://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce déformée sur chrome et Explorer

Message par Daisuke-Aniki Lun 10 Fév 2014 - 11:21

Bonjour ^_^
En effet , cela venait de mon ftp bizarrement il ne prenait pas en compte le remplacement :s
Ceci dit je n'avais pas pensé à cette mise en forme qui fait en plus beaucoup plus fluide pour le passage du staff, j'aime beaucoup *_*
Seul bémol, cela dépasse du cadre, donc j'aimerais réduire l'écart entre la ligne staff et la ligne des deux blocs de sorte que cela colle bien, j'ai tenté avec un margin-top : - XXpx mais cela déforme tout les blocs se chevauchent :s
Auriez vous une idée d'une manière pour régler ce problème?
Daisuke-Aniki

Daisuke-Aniki
***

Masculin
Messages : 110
Inscrit(e) le : 20/03/2013

http://jonetsu-yume.jeun.fr/
Daisuke-Aniki a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Annonce déformée sur chrome et Explorer

Message par Scoubifitz Lun 10 Fév 2014 - 20:39

Mettez directement le code dans la page html de votre forum (h12-) , ça évitera de mettre une iframe dans une iframe ... et de charger le code sur votre serveur .

j'ai retravaillé un peu le placement pour que tout rentre dans l'image de fond (975x650) ...

Code:
<!DOCTYPE html>
<html>
<title>lalalalala</title>
<head>
<meta charset="UTF-8"/>
<style>
/*  --------- STAFF TRANSITION ---------  */
body{background: url(http://i.imgur.com/vx5ldMW.png) no-repeat;
height: 520px;}
/* BLOC PRINCIPAL */
/* TITRE */
#en_plus {
margin-left:70px;
width:790px;
height: 120px;position:absolute;
}
#en_plus h2{
color: skyblue;
font: 16px;
letter-spacing:1px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
margin: 2px;
padding: 0;
}
/* BLOC DE CONTENU */
.bloc_transit_tfa {
background: Navy;
width:70px;
height: 100px;
float: left;
margin: 6px;
padding: 0;
overflow: hidden;
border: 2px dotted white;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
display:inline-block;
}
/* BLOC DE CONTENU AU SURVOL */
.bloc_transit_tfa:hover {
width: 400px;
height: 380px;
margin-top: -90px;
}
/* PARAGRAPHE */
.bloc_transit_tfa p{
width: 96%;
margin: 0 auto;
padding: 0;
color: skyblue;
text-align: justify;
}
/* CONFIGURAITON DE SPAN (pseudo) */
.bloc_transit_tfa span{
font: 14px Arial;
color: White;
}
/* LIENS */
.bloc_transit_tfa a{
font: 15px Verdana;
color: White;
text-decoration: none;
}
/* IMAGES */
.bloc_transit_tfa img{
float: left;
margin-right: 5px;
}
/* definit les cadres des div */
.case
{
 -moz-box-shadow: 0px 0px 8px 0px #ffffff;
-webkit-box-shadow: 0px 0px 8px 0px #ffffff;
 -o-box-shadow: 0px 0px 8px 0px #ffffff;
 box-shadow: 0px 0px 8px 0px #ffffff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=7);
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
background-color:rgba(135,206,250,0.25);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8066CDAA,endColorstr=#8066CDAA);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8066CDAA,endColorstr=#8066CDAA);zoom:1;
color: Navy;
border:1px dashed white;
text-shadow:2x 2px 2px white;
vertical-align:top;
}
.case h1
{
font-size:18px;
text-decoration:underline;
text-align:center;
}
.case .p
{
text-align:justify;
text-indent:20px;
padding:4px;
font-size:14px;
}
.entete
{
width:675px;
margin:130px 0 10px 130px;
}
/* englobe les deux div du bas */
.footerdeux
{
width:770px;
margin:144px 0 0 90px; /* 144px pour laisser la place pour la div du staff */
}
.kinusom
{
width:540px;
display:inline-block;
}
.manganew
{
width:210px;
display:inline-block;
}
</style>
</head>
<body>
<div class="case entete">
<h1>Accompagnement Terasu</h1>
<p class="p"> Le Royaume des rêves peut être vaste à première vue, Afin donc de vous aider à vous y installer, nouveaux rêveurs dans le royaume, des <strong>Terasus</strong> (Du japonais Eclaireur / Eclairer) se feront une joie de vous aider lors de votre arrivée dans le royaume , et ce, jusqu'à ce que vous soyez pleinement autonome dans le royaume, lors de votre inscription, vous n'aurez qu'à cocher oui pour avoir un Terasu ;).
</p>
</div>
<div class="case" id="en_plus">
<div class="bloc_transit_tfa">      
<p>
<img src="http://i.imgur.com/5FbkECt.png" alt="" />
<span> Daisuke-Aniki </span><br />
Fondateur du Royaume des rêves, et dévoué en toutes circonstances, j'occupe les fonctions d'administrateur, d'animateur, de codeur , de Bunka Graphiste et d'Hakken Animé. Je me ferai une joie de répondre à vos demandes .<br />
<span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=1">M'envoyer un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u1">En savoir plus sur moi</a></span>
</p>
</div>

<div class="bloc_transit_tfa">      
<p>
<img  src="http://i.imgur.com/iZrUGxX.png" alt="" />
<span> Shizu Ishtar </span><br />
Fondatrice Du Royaume des rêves et juste en toutes circonstances, Shizu occupe les fonctions d'administratrice et d'animatrice chez les petits, disponible pour répondre à la moindre de vos questions sur votre demande . <br />
<span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=4">Lui Envoyer Un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u4">En savoir plus sur Shizu.</a></span>
</p>
</div>

<div class="bloc_transit_tfa">      
<p>
<img  src="http://i.imgur.com/bMO1usI.png" alt="" />
<span> Hoshikeisei </span><br />
Agréable et Joviale, Hoshikeisei occupe les postes de Kisha, de Bunka Littérature, D'Hakken Animé et Drama, ainsi que de Terasu, disponible pour tous, vous pouvez lui envoyer toute question en rapport avec ses postes, elle y répondra avec plaisir .<br />
<span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=2">Lui Envoyer Un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u2">En savoir plus sur Hoshikeisei</a></span>
</p>
</div>      


<div class="bloc_transit_tfa">      
<p>
<img  src="http://img15.hostingpics.net/pics/825182Meikaavatar.png" alt="" />
<span> Meika-Chan </span><br />
Pétillante et Sympathique, Meika-Chan Occupe les postes de Bunka Littéraire et de Terasu, toujours prête à aider son prochain, Elle pourra vous conseiller efficacement en particulier sur la littérature <br />
<span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=189">Lui Envoyer Un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u189">En Savoir Plus Sur Meika-Chan</a></span>
</p>
</div>

<div class="bloc_transit_tfa">      
<p>
<img src="http://img15.hostingpics.net/pics/309153sayaavatarunevoix.png" alt="" />
<span> Saya </span><br />
Amicale et Dévouée, Saya occupe le poste de Bunka Graphiste, et se fera une joie de vous conseiller en matière de graphisme et de galerie . <br />
<span><a href="http://jonetsu-yume.jeun.fr/privmsg?mode=post&u=22">Lui Envoyer Un Message Privé</a> ~ <a href="http://jonetsu-yume.jeun.fr/u22">En Savoir Plus Sur Saya</a></span>
</p>
</div>

</div>
<div class="footerdeux">
<div class="case kinusom">
<h1>Qui Sommes-Nous?</h1>
<p class="p">
Jonetsu Yume est un forum traitant principalement le sujet mangas mais abordant d'autres passions faisant notre joie du quotidien.
Nous sommes une communauté de fans qui dans un esprit d'échange permanent découvrent ou font découvrir de nouvelles choses, nous nous enrichissons ensemble de nouvelles choses et nous débattons ensemble dans le plus grand respect et la plus agréable ambiance possible.
<br />
La fondation du royaume date du 29 Décembre 2011 <br />
Retrouve notre équipe ci-dessous ;)</p>
</div>
<div class="case manganew">  
<h1>Nos News Mangas</h1>
<p class="p">Pour se tenir informé de tout ce qui se passe dans le monde du manga n'hésite pas à consulter les news de nos Kishas qui sont à l'affût !
<br />
Tu peux consulter ces news à tout moment en cliquant <a href="http://jonetsu-yume.jeun.fr/f78-nouveautes-du-monde-des-mangas">Ici !!</a>  ^^ .</p>
</div>
</div>
<div style="clear:both;"></div>

</body>
</html>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3732
Inscrit(e) le : 18/03/2008

https://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Annonce déformée sur chrome et Explorer

Message par Daisuke-Aniki Lun 10 Fév 2014 - 21:38

Bonsoir ! ^^
Oui effectivement c'était une mauvaise idée x')
Mais votre arrangement d'espace est sensationnel ! Sublime ! Deuxième fois que vous m'aidez avec un code, mon équipe est d'ailleurs satisfaite du générateur et vous transmet ses remerciements , que j'accentue avec les miens pour ce chef d'oeuvre de correction *_*
Merci énormément une fois de plus , vous me sauvez sans exagération ^^
Bonne soirée à vous Smile
Daisuke-Aniki

Daisuke-Aniki
***

Masculin
Messages : 110
Inscrit(e) le : 20/03/2013

http://jonetsu-yume.jeun.fr/
Daisuke-Aniki a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

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