PA hors cadre. [Terminé] Bouton_activePA hors cadre. [Terminé] Bouton_hoverPA hors cadre. [Terminé] Fb-hoverPA hors cadre. [Terminé] Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
PA hors cadre. [Terminé] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
PA hors cadre. [Terminé] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
PA hors cadre. [Terminé] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
PA hors cadre. [Terminé] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
PA hors cadre. [Terminé] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
PA hors cadre. [Terminé] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
PA hors cadre. [Terminé] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
PA hors cadre. [Terminé] EmptySam 11 Fév 2023, 06:04 par Krager

-20%
Le deal à ne pas rater :
Sony PULSE Elite – Casque PS5 sans fil (blanc) à 119€
119 € 149 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

PA hors cadre. [Terminé]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://academy-cross.jdrforum.com/forum.htm
Pleasance
Pleasance
{ Membre }
{ Membre }

Féminin Messages : 55



PA hors cadre. [Terminé] Empty
En fait le problème venait du mon Haccordion, alors vous pouvez classer T_T. Désolée du dérangement ><'.




J'en reviens pas, trois topic ouvert dans la même section T_T. J'espère que je ne vais pas me faire taper dessus ><'. Mais bon comme ce sont des problèmes strictement différents...

Hum, voici mon nouveau problème (et promis après je ne vous embête plus).
Vous avez juste à jeter un coup d'oeil sur cette Pa :


http://adorables-vampires.forumotion.com/index.htm


Admirez comme le tout à formidablement dérapé =D ! Ce problème est apparu après que j'ai rajouté la navigation rapide. Je ne pense pas qu'il y ait une erreur de codage dans mon CSS, donc je vous donne ma PA :


Code:
<script type="text/javascript">haccordion.setup({
  accordionid: 'hc1', //main accordion div id
  paneldimensions: {peekw:'118px', fullw:'210px', h:'50px'},
  selectedli: [0, true], //[selectedli_index, persiststate_bool]
  collapsecurrent: false //<- No comma following very last setting!
})</script><div id="hc1" class="haccordion"><ul>

<li><div class="hpanel"><img src="http://pc-aide.fr/site/upload/images/png162608200913.png"></div></li>
<li><div class="hpanel"><img src="http://img3.hostingpics.net/pics/484766mp2.png"></div></li>
<li><div class="hpanel"><img src="http://i82.servimg.com/u/f82/12/52/24/01/un10.png"></div></li>
<li><div class="hpanel"><img src="http://img3.hostingpics.net/pics/140172mp7.png"></div></li>
</ul>


<br>
<br>
<br>
<br>
<br>
<br><br><table border="0" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td align="center" valign="top" width="30%"><br><br><div class="titre">Découverte</div><div class="cadre">
<br><div id="subnav">
<a href="">menu</a>
<a href="">menu</a>
<a href="">menu</a>
<a href="">menu</a>
<br>
</div></div></td>

<td align="center" valign="top" width="40%"><img src="http://upload.pc-aide.fr/images/png5114293201013874.png"><br><br><div class="cadre">
<br>
<br>
La Cross Academy garde un lourd Secret<br>
Qui ne tarderait à être révélé.<br>
Tandis que le jour les Humains sourient,<br>
Des Monstres se dissimulent dans la Classe de Nuit.<br>
Et peu à peu les langues se délient.<br>
<br>
Que se passerait-il si la paix était menacée ?<br>
Que se passerait-il si les Humains savaient ?<br>
<br>
Trop tard ♥️
<br></div>
</td>

<td align="center" valign="top" width="30%">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Un système d'onglet en javascript</title>
    <script type="text/javascript">
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
        </script>
    <style type="text/css">
        .onglet
        {
                display:inline-block;
                margin-left:1px;
                margin-right:1px;
                padding:3px;
                border:1px solid black;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#536482;
                border-bottom:0px solid white;
                -moz-border-radius-topleft:11px;
                -moz-border-radius-topright:11px;
                padding-left:5px;
                padding-right:5px;
                font-size: 14px;
                font-family:georgia;
                color: #bb9999;
        }
        .onglet_1
        {
                background:#665566;
                border-bottom:1px dotted #663355;
                -moz-border-radius-topleft:11px;
                -moz-border-radius-topright:11px;
                padding-left:5px;
                padding-right:5px;
                font-size: 14px;
                color: #bb9999;
                text-shadow:1px 1px 2px black;
                font-family:georgia;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#18171a;
                border:1px dotted #663355;
                margin-bottom: 10px
                padding:10px;
                display:none;
        }
        ul
        {
                margin-top:10px;
                margin-bottom:20px;
                margin-left:10px
        }
        h1
        {
                margin:20px;
                padding:20px;
        }
        </style>
</head>
<body>
        <div class="systeme_onglets">
        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Day Class</span>
            <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Night Class</span>
            <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Personnel</span>
 
        </div>
        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_quoi">
         
<br><div class="titre">Prédéfinis</div><br><br> <div class="opacity"><a href="http://academy-cross.jdrforum.com/filles-f38/lilliana-rochefort-libre-t709.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png102161201012.png"></a>  <a href="http://academy-cross.jdrforum.com/filles-f38/hana-kisoke-libre-t711.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png42171201012.png"></a>  <a href="http://academy-cross.jdrforum.com/garcons-f40/yumeko-tegami-libre-t710.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png252191201012.png"></a>  <a href="http://academy-cross.jdrforum.com/garcons-f34/shao-layfon-pris-t482.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png57102511200920.png"></a></div><br />

            </div>
            <div class="contenu_onglet" id="contenu_onglet_qui">
<br><div class="titre">Prédéfinis</div><br><br
                <div class="opacity"><a href="http://academy-cross.jdrforum.com/garcons-f40/hiryu-kyuto-keisuke-pris-t521.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png562121201012.png"></a>  <a href="http://academy-cross.jdrforum.com/garcons-f40/hiryu-kyuto-keisuke-pris-t521.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png362131201012.png"></a>  <a href="http://academy-cross.jdrforum.com/garcons-f40/septh-akumu-libre-t520.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png5727299200918.png"></a>  <a href="http://academy-cross.jdrforum.com/garcons-f40/aaron-temphive-libre-t494.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png4127589200910.png"></a>  <a href="http://academy-cross.jdrforum.com/garcons-f40/kira-kurage-libre-t490.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png1926278200916.png"></a><br><a href="http://academy-cross.jdrforum.com/garcons-f40/kyoya-ikeda-libre-t515.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png542201201012.png"></a>  <a href="http://academy-cross.jdrforum.com/filles-f41/suki-umika-libre-t501.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png305391220099.png"></a>  <a href="http://academy-cross.jdrforum.com/filles-f41/seraphiel-camy-frozen-libre-t712.htm#6541" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png544411201018.png"></a><a href="http://academy-cross.jdrforum.com/filles-f41/alice-lindell-libre-t498.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png275371220099.png"></a>  <a href="http://academy-cross.jdrforum.com/filles-f41/ayumi-kiichi-libre-t499.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png55102811200920.png"></a></div><br>

            </div>
            <div class="contenu_onglet" id="contenu_onglet_pourquoi">
<br><div class="titre">Prédéfinis</div><br><br
                <div class="opacity"><a href="http://academy-cross.jdrforum.com/humaines-f44/adam-mercier-libre-t511.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png2726258200916.png"></a>  <a href="http://academy-cross.jdrforum.com/vampires-f43/eriko-benkei-libre-t504.htm" class="imginfo"><img src="http://pc-aide.fr/site/upload/images/png2027319200918.png"></a></div><br> 
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>
</body>
</html><div class="opacity"><br>    </div>
<br>
</td></tr></tbody></table>

<br><br><br><br><br>

<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td align="center" valign="top" width="30%"><img src="http://pc-aide.fr/site/upload/images/png497382201015.png">
<br><br><img src="http://pc-aide.fr/site/upload/images/png127402201015.png">
<br>  Gagne 30 Pommes ♥️</td>

<td align="center" valign="top" width="30%"><img src="http://pc-aide.fr/site/upload/images/png52314312200913.png"><br> <div style="width:130px;height:150px;overflow:auto;"><div class="cadre"><div class="titre">Team</div>
<br>
<br>
blablabla
<br></div>


</td></div>

<td align="center" valign="top" width="60%"><img src="http://pc-aide.fr/site/upload/images/png20314412200913.png"><br><br><div style="overflow: auto; width: 300px; height: 150px;"><br><br>
<marquee><font color=#ee0022><b><div style="text-shadow:1px 1px 1px white ;">Offre Spéciale !</b> </font><font color=#0088aa>Tout nouvel élève de Day Class recevra 30 Pommes bonus \o/ !</div></font></marquee>
<br>
<br>
<br>
<br><b>27.02 : <a href="http://academy-cross.jdrforum.com/evenements-officiels-f50/chasse-au-tresor-fight-t909.htm#8529"><font color=#ee0022>CHASSE AU TRESOR !</font></b> Deuxième Round !</a>
<br><b>19.02 : <a href="http://academy-cross.jdrforum.com/evenements-officiels-f50/chasse-au-tresor-fight-t909.htm#8529"><font color=#ee0022>CHASSE AU TRESOR !</font></b> Premier Round !</a>
<br><b>14.02 : <a href="http://academy-cross.jdrforum.com/evenements-officiels-f50/loterie-special-st-valentin-t883-15.htm#8251"><font color=#ee0022>Résultats de la Loterie !</font></b> Bonne St Valentin !</a>
<br><b>13.02 : <a href="http://academy-cross.jdrforum.com/evenements-officiels-f50/loterie-special-st-valentin-t883.htm#8191"><font color=#ee0022>LOTERIE St Valentin ♥️ !</font></b> Choisissez vos numéros !</a>
<br><b>29.01 :<font color=#ee0022> EVENEMENT EN COURS !</font></b> <a href="http://academy-cross.jdrforum.com/the-garden-of-everything-f91/delicieuse-garden-party-t826.htm">La surprenante Garden Party...</a>
<br><b>29.01 :<font color=#ee0022> HAPPY BIRTHDAY CA ♥️ !</font></b> <a href="http://academy-cross.jdrforum.com/happy-birthday-ca-f52/">Venez fêtez l'anniversaire *w* !</a>
<br><b>24.01 : Inscription pour la <a href="http://academy-cross.jdrforum.com/evenements-officiels-f50/chasse-au-tresor-t797.htm">Chasse au Trésor</a> !</b>
<br> Création du Libre Service ! Les explications <a href="http://academy-cross.jdrforum.com/help-j-ai-pas-d-idees-f5/">ici !</a>
<br><b>31.12 :</b> Nouveau Design version <i>Bloody Berries</i> n_n, <a href="http://academy-cross.jdrforum.com/discussions-sondages-f12/design-v7-d-t703.htm">donnez votre avis membrounets</a> !
<br><b>28.12 :</b> Venez participer à la <a href="http://academy-cross.jdrforum.com/panneau-d-affichage-f73/loterie-du-nouvel-an-t692.htm">Loterie du Nouvel An</a> =D !
<br><b>28.12 :</b> Faites rescencer vos Pommes <a href="http://academy-cross.jdrforum.com/panneau-d-affichage-f73/rescencement-des-pommes-t676.htm">par ici</a> ;).
<br><b>28.11 :</b> Création de vos <a href="http://academy-cross.jdrforum.com/carnet-personnel-f46/">Carnets Personels !</a>
<br><b>11.11 :</b> Chers membrounets, vous avez à présent de nouveaux champs de profil.
<br><b>10.11 :</b> De nouveaux prédéfinis libres =D !
<br><b>08.11 :</b> <a href="http://academy-cross.jdrforum.com/le-cross-tv-f45/cross-tv-premiere-edition-t599.htm"> PREMIERE EDITION CROSS TV !!!</a>
<br>
<b>31.10 :</b> <a href="http://academy-cross.jdrforum.com/panneau-d-affichage-f73/concours-one-halloween-t591.htm">Concours Halloween !</a> <br>
<b>31.10 :</b> Nouvelle version spécial Halloween ! Venez donner votre avis <a href="http://academy-cross.jdrforum.com/discussions-sondages-f12/avis-sur-le-design-t426.htm#5249">ici</a> =). <br>
</div>
</td>
</tr>
</tbody></table>

<br><br><br><div style="font-family: Arial;"><br>Design V7 by Pleasance Haru <font size="1">©️</font> <a href="http://academy-cross.jdrforum.com/radio-les-crocs-f7/credits-et-remerciements-t477.htm">Crédits</a><font size="1"> CSS by ©️ Pleasance Haru</font><br><span style="font-weight: bold;">Ouverture du forum</span> le jeudi 29 Janvier 2009</div>





Merci vraiment d'aider un être maladroit comme moi T___T.
MessageSujet: PA hors cadre. [Terminé]   PA hors cadre. [Terminé] EmptyDim 14 Mar 2010, 10:09
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



PA hors cadre. [Terminé] Empty
Je classe donc ;p
MessageSujet: Re: PA hors cadre. [Terminé]   PA hors cadre. [Terminé] EmptyDim 14 Mar 2010, 13:54
Revenir en haut Aller en bas
 

PA hors cadre. [Terminé]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Défilement hors de son cadre
» [TERMINE] Problème cadre avatars.
» Disparition du cadre autour de l'avatar... [Terminé]
» Catégories en onglet : Mettre les statistiques dans un cadre de taille fixe [terminé]
» Cadre

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit