AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -39%
Pack Home Cinéma Magnat Monitor : Ampli DENON ...
Voir le deal
1190 €

Au secour, ma PA tient pas debout =.='' (terminé)


Elegance Temptation :: Archives
LulululyLulululy
Graphiste - femelle
Sexe : FémininMessages : 991p.a : 157Age : 31Inscription : 09/02/2012
Coucou!
Voila je suis en train de coder une PA et j'aurais quasiment fini si ça voulais bien marcher...

Voila normalement ça devrait ressembler plus ou moins à ça (les couleurs pas comme ça hein x'D ) : [Vous devez être inscrit et connecté pour voir ce lien]

mais ça ressemble à ça : [Vous devez être inscrit et connecté pour voir ce lien]

Voila. Sauf que les deux images entourées de pointillés noirs ne devrait pas DU TOUT être en dessous de la première colonne mais de la deuxième puisqu'elles corresponde à œuvre du mois et œuvre de la semaine.

Deuxième problème, j'ai essayé d'imposé une taille fixe à mes case, mais je sais pas pourquoi, elles prennent pas cette taille, et quand ya rien dedant elle disparaissent carrément en fait . Enfin elle apparaissent pas.

Troisième problème mineur, je comprend pas pourquoi mes images staff à droite bougent quand je passe ma sourie dessus. ça devrait pas.

Enfin, je suis bien embêté, ça fait un moment que j'ai pas codé et je suis pomé là >.<
Au secour donc, s'il vous plais, j'ai vraiment besoin d'aide!


Voila le code HTML de ma PA :

Code:
<table class="PAgeneral" style="width: 700px; height: 500px;">
<tr>
<td class="PAcontenu" style=" width: 645px; height: 500px;">



<table><tr><td>


<table class="colone1">
<tr>
<div class="liensimportants" style="width: 270px; heigth: 280px;"><center>
Règlement<br />
Présentations<br />
Partenariats<br />
<br />
Règlement<br />
Présentations<br />
Partenariats<br />

Règlement<br />
Présentations<br />
Partenariats<br />
<br />
Règlement<br />
Présentations<br />
Partenariats<br />

Règlement<br />
Présentations<br />
Partenariats<br />
<br />
</center>
</div>
</tr>
<tr style="width: 270px; heigth: 90px;">
<td class="credits" style="width: 135px; heigth: 90px;">
<div class="credits" style="width: 135px; heigth: 90px; overflow:auto;"><div style="margin: 10px;">
(c) Graphisme et codages par Luly
Le forum est la propriété de ses admins, toute copie, partielle ou complète est interdite, respectez notre travail s'il vous plaît.
</div></div></td>
<td class="DAYT" style="width: 135px; heigth: 90px;">
<div class="DAYT" style="width: 135px; heigth: 90px;">
<a href="http://manga-draw.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/34900641DA.png" border="0" alt="" /></a><br /><br/>
<center><a href="http://manga-draw.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/153639youtube.png" border="0" alt="" /></a></center>
</div>
</td>
</tr>
</table>





</td><td>





<table class="colone2">
<tr style="width: 370px; heigth: 260px;">

<table><tr><td class="news" style="width: 240px; heigth; 260px;">
<div  class="news" style="width: 240px; heigth; 260px; overflow:auto;"><div style="margin: 10px;">
°Ouverture de la partie arène<br />
°Mise a jour le 19/05/2013<br />
°Forum ouvert le 12/05/2008<br />



</div></div>
</td><td>
<div class="mbdumois" style="width: 120px; heigth; 260px;">
<br/>
<center><img src="http://img15.hostingpics.net/pics/797793iconstaffvide.png" class="opacity"><br/>
~Nom&Prénom~<br/>
<a href="http://manga-draw.forum-actif.net/" target="_blank" rel="nofollow">Galerie</a><br/>
<div style=" width: 100px; height: 50px; overflow: auto;"> Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
</div></center>
<br/>

</div></td>
</tr></table>

</tr>
<tr style="width: 370px; heigth: 210px;"> <td>

<a href="http://manga-draw.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i83.servimg.com/u/f83/15/69/22/91/videga10.png" border="0" alt="" /></a><br />
<a href="http://manga-draw.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i83.servimg.com/u/f83/15/69/22/91/videga10.png" border="0" alt=""  /></a><br />

</td>
</tr>
</table>




</td></tr></table>




<table><tr class="PApartenaires" style="width: 645px; heigth: 30px;"><td>

<table><tr><td>
<div class="PApartenairesdeco" style="width: 645px; heigth: 30px;">
<div style="margin: 5px;">
<marquee onmouseover= "this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="1" direction="left" class="defil2">
<a href="http://manga-draw.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/15/69/22/91/sansri10.png" border="0" alt="" /></a>
<a href="http://manga-draw.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/15/69/22/91/sansri10.png" border="0" alt="" /></a>
<a href="http://manga-draw.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/15/69/22/91/sansri10.png" border="0" alt="" /></a>
<a href="http://manga-draw.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/15/69/22/91/sansri10.png" border="0" alt="" /></a>
<a href="http://manga-draw.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/15/69/22/91/sansri10.png" border="0" alt="" /></a>
<a href="http://manga-draw.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/15/69/22/91/sansri10.png" border="0" alt="" /></a>
<a href="http://manga-draw.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/15/69/22/91/sansri10.png" border="0" alt="" /></a>
 </marquee></div></div>
 </td></tr></table>
</td>



</tr>
</table>




</td>

<td class="PAstaff" style="height: 500px; width: 55px:">
<div class="divstaff">
<div class="infobullestaff"><img src="http://img15.hostingpics.net/pics/74103387icon.png" border="0" alt="" style="align: center;" class="staffimg"/><span class="infobullestaffcontenu"><span class="staffcontenu">Administratrice<br/><a href="http://manga-draw.forum-actif.net/u453">Luly</a><br/><a href="http://manga-draw.forum-actif.net/privmsg?mode=post&u=453">MP</a> </span></span></div> <br /><br />
<div class="infobullestaff"><img src="http://img15.hostingpics.net/pics/74103387icon.png" border="0" alt="" style=" align: center;" class="staffimg"/><span class="infobullestaffcontenu"><span class="staffcontenu">Administrateur<br/><a href="http://manga-draw.forum-actif.net/u270">Wild</a><br/><a href="http://manga-draw.forum-actif.net/privmsg?mode=post&u=270">MP</a> </span></span></div><br /><br />
<div class="infobullestaff"><img src="http://img15.hostingpics.net/pics/74103387icon.png" border="0" alt="" style=" align: center;" class="staffimg"/><span class="infobullestaffcontenu"><span class="staffcontenu">Administratrice<br/><a href="http://manga-draw.forum-actif.net/u103">Lee³</a><br/><a href="http://manga-draw.forum-actif.net/privmsg?mode=post&u=103">MP</a> </span></span></div><br /><br />
<div class="infobullestaff"><img src="http://img15.hostingpics.net/pics/74103387icon.png" border="0" alt="" style="align: center;" class="staffimg"/><span class="infobullestaffcontenu"><span class="staffcontenu">Modératrice<br/><a href="http://manga-draw.forum-actif.net/u615">Bim'</a><br/><a href="http://manga-draw.forum-actif.net/privmsg?mode=post&u=615">MP</a> </span></span></div><br /><br />
<div class="infobullestaff"><img src="http://img15.hostingpics.net/pics/74103387icon.png" border="0" alt="" style=" align: center;" class="staffimg"/><span class="infobullestaffcontenu"><span class="staffcontenu">Modérateur<br/><a href="http://manga-draw.forum-actif.net/u200">Kimyo</a><br/><a href="http://manga-draw.forum-actif.net/privmsg?mode=post&u=200">MP</a> </span></span></div><br /><br />
<div class="infobullestaff"><img src="http://img15.hostingpics.net/pics/74103387icon.png" border="0" alt="" style=" align: center;" class="staffimg"/><span class="infobullestaffcontenu"><span class="staffcontenu">Modératrice<br/><a href="http://manga-draw.forum-actif.net/u558">ADN</a><br/><a href="http://manga-draw.forum-actif.net/privmsg?mode=post&u=558">MP</a> </span></span></div><br /><br />
<div class="infobullestaff"><img src="http://img15.hostingpics.net/pics/74103387icon.png" border="0" alt="" style="align: center;" class="staffimg"/><span class="infobullestaffcontenu"><span class="staffcontenu">Evaluateur<br/><a href="http://manga-draw.forum-actif.net/u748">Aecstà</a><br/><a href="http://manga-draw.forum-actif.net/privmsg?mode=post&u=748">MP</a> </span></span></div><br /><br />
<div class="infobullestaff"><img src="http://img15.hostingpics.net/pics/74103387icon.png" border="0" alt="" style=" align: center;" class="staffimg"/><span class="infobullestaffcontenu"><span class="staffcontenu">Evaluatrice<br/><a href="http://manga-draw.forum-actif.net/u232">Haru</a><br/><a href="http://manga-draw.forum-actif.net/privmsg?mode=post&u=232">MP</a> </span></span></div><br /><br />
<div class="infobullestaff"><img src="http://img15.hostingpics.net/pics/74103387icon.png" border="0" alt="" style=" align: center;" class="staffimg"/><span class="infobullestaffcontenu"><span class="staffcontenu">Evaluateur<br/><a href="http://air-gear-evolution.forumactif.com/u8">Mika</a><br/><a href="http://manga-draw.forum-actif.net/privmsg?mode=post&u=259">MP</a> </span></span></div><br /><br />
</div>
</td>




</tr>
</table>


et voila mon CSS:



Code:

.liensimportants {
background-color: #f39105;
width: 270px;
heigth: 280px;
}

.credits {
background-color: #FFE047;
text-align : justify;
width: 135px;
heigth: 90px;
overflow: auto;
}

.DAYT {
width: 135px;
heigth: 90px;
}

.news {
background-color: #FFE047;
}

.mbdumois {
background-color: #FFE047;


}
.staffimg {
  opacity:0.5;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity:0.5;
  widht: 50px;
  height: 50px;
  -webkit-border-radius: 50px;
border-radius: 50px;
}

.staffimg:hover {
  opacity:1;
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  }




.infobullestaffcontenu {
  display: none;
}


.infobullestaff:hover {
align: center;
background: none;
z-index: 999;
width: 17%;
height: 70px;

}

.infobullestaff {
  float: left;
  align: center;
margin-top: 3px;
}

.infobullestaff:hover .infobullestaffcontenu
{
  display: block;
  position: absolute;

  align:center;
  text-align: center;
 
}


.staffcontenu
{
  display: block;
  margin: auto;
  align: center;
  background: #F0DCB4;
  padding: 4px;
  border: 1px dotted #F7461E;
  font-size: 10px;
  font-weight: normal;
width: 90px;
}




Un GRAND GRAND MERCI, à tout ceux qui m’aideront!
Lulululyhttp://lili-arc-en-ciel.deviantart.com/Jeu 16 Mai - 18:54
YeulYeul
THEME - graphiste
Sexe : FémininMessages : 1293p.a : 1330Age : 29Inscription : 19/11/2011
Oula que de problème tout ça! Mais ce n'est pas grand chose, c'est assez simple à régler.

Pour le tableau, c'est normal. Les < td> s'alignent automatiquement, du coup il faut rajouter des propriétés aux td pour pouvoir aligner deux cellules à une seule sur une autre colonne. (J'sais pas si je m'explique bien. xD) Bref, je te conseille d'aller lire ceci: [Vous devez être inscrit et connecté pour voir ce lien]

Pour la taille des cellules, il faut mieux donner la largeur directement au < td>, c'est plus simple et normalement t'es sûre que la cellule prendra la largeur demandée. Sinon, essaies de mettre "display: block;" aussi pour que ça s'affiche, ça formera un "bloc". :)

Et pour ton infobulle. Euh bah je regarde ça plus en détails dans la soirée et je te dis ce qui va pas... /meurt
YeulJeu 16 Mai - 19:40
LulululyLulululy
Graphiste - femelle
Sexe : FémininMessages : 991p.a : 157Age : 31Inscription : 09/02/2012
Waaah trop rapide merci Yeul <3
Ah, je sais pas trop jsque j'ai fait mais niveau des TD et des TR tout marche ! je crois que j'avais oublié de mettre une TD et en mettant les dimensions sur les TD comme t'as dit, ça à mit les images dans la bonne colonnes o/
Merci pour ton lien, j'en ai besoin dans tout les cas donc c'est super o/
Par contre, le truc de mes cases qui veulent pas ce mettre à la bonne taille marche pas, même avec le display: block >.<

Merci merci mille Fois yeul <3
Lulululyhttp://lili-arc-en-ciel.deviantart.com/Jeu 16 Mai - 20:12
YeulYeul
THEME - graphiste
Sexe : FémininMessages : 1293p.a : 1330Age : 29Inscription : 19/11/2011
Ce sont quels blocs qui ne fonctionnent pas? D8
YeulJeu 16 Mai - 20:43
LulululyLulululy
Graphiste - femelle
Sexe : FémininMessages : 991p.a : 157Age : 31Inscription : 09/02/2012
Ben tout ceux avec tu texte en fait. Le block news devrais faire la taille de celui d'à coté, et celui des liens fait cette taille juste parce que j'ai copier 40 fois le texte que ya dedans. Les crédits pareil il fait cette taille parce que ya le texte dedans. D=

EDIT> et quand j’enlève le display: block; ça se met à la taille de la case d'à coté.
Lulululyhttp://lili-arc-en-ciel.deviantart.com/Ven 17 Mai - 7:15
YeulYeul
THEME - graphiste
Sexe : FémininMessages : 1293p.a : 1330Age : 29Inscription : 19/11/2011
Merde j'avais oublié de te répondre. xD

Pour tes infobulles, j'arrive pas du tout à comprendre tout vient le problème. Mais je pense qu'il serait mieux que tu fasses les infobulles à partir de ces codes-ci: (Code que j'ai réalisé pour la PA de Rosebud)


Code:
         <!-- IMAGE & INFOBBULES AOTWS-->

            <span class="aotw">
   <img src="http://img15.hostingpics.net/pics/952795yeul.png"/>
   
            <span align="center">                   
   <img src="http://img11.hostingpics.net/pics/139376aotw23.png"/>
      <br />
   Gagnant de l'AOTW 20 : <b>Yeul</b>.                                                                   
            </span>
            </span>


Code:
/* INFOBULLES POUR LA PA - OTWS */


.aotw span {
  background-color: #fafcf3;
  border-bottom: 5px solid #f5e5c5;
  position: absolute;
  padding: 10px;
  margin-left: -104px;
  
  width: 200px;
  height: auto;
  color: #cfcedc;
  opacity: 1;
  z-index: 2;

  
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  
  -moz-transform: scale(0) rotate(-12deg);
  -webkit-transform: scale(0) rotateZ(-12deg);
  -ms-transform: scale(0) rotateZ(-12deg);
  -o-transform: scale(0) rotate(-12deg);
  transform: scale(0) rotateZ(-12deg);
}

    .aotw:hover span {
      -moz-transform: scale(1) rotate(0);
      -webkit-transform: scale(1) rotateZ(0);
      -ms-transform: scale(1) rotateZ(0);
      -o-transform: scale(1) rotate(0);
      transform: scale(1) rotateZ(0);
    }
    
    .aotw:focus span {
      -moz-transform: scale(1) rotate(0);
      -webkit-transform: scale(1) rotateZ(0);
      -ms-transform: scale(1) rotateZ(0);
      -o-transform: scale(1) rotate(0);
      transform: scale(1) rotateZ(0);
    
    }


Pour le reste t'as réussi à t'en sortir? ><
YeulMer 12 Juin - 19:29
LulululyLulululy
Graphiste - femelle
Sexe : FémininMessages : 991p.a : 157Age : 31Inscription : 09/02/2012
Oh j'avaisboublié aussi.... Et jai quitté le staff de mon forum depuis du coup >.< merci quand meme.ma belle <3
Terminé du coup!
Lulululyhttp://lili-arc-en-ciel.deviantart.com/Mer 12 Juin - 20:37
YeulYeul
THEME - graphiste
Sexe : FémininMessages : 1293p.a : 1330Age : 29Inscription : 19/11/2011
Ah merde. xD

Okai. Contente d'avoir pu t'aider un minimum! Mais pour les infobulles, gardes-les sous le coude si tu veux en refaire, c'est plus simple je trouve que le code que tu avais, et tu auras moins de soucis je pense. 8D
YeulMer 12 Juin - 20:40
LulululyLulululy
Graphiste - femelle
Sexe : FémininMessages : 991p.a : 157Age : 31Inscription : 09/02/2012
Oki merciii *.*
Lulululyhttp://lili-arc-en-ciel.deviantart.com/Mer 12 Juin - 20:42
SayaSaya
Sayacarnivore
Sexe : FémininMessages : 12210p.a : 1831Age : 32Inscription : 21/03/2010
Je clos o/
Sayahttp://ile-joyaux.forumactif.org/Lun 19 Aoû - 11:46
Contenu sponsorisé
Contenu sponsorisé

Au secour, ma PA tient pas debout =.='' (terminé)


Elegance Temptation :: Archives