Soucis avec une PA Bouton_activeSoucis avec une PA Bouton_hoverSoucis avec une PA Fb-hoverSoucis avec une PA Fb-active
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
Soucis avec une PA EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Soucis avec une PA EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Soucis avec une PA EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Soucis avec une PA EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Soucis avec une PA EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Soucis avec une PA EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Soucis avec une PA EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Soucis avec une PA EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
SSD interne Crucial BX500 2,5″ SATA – 500 Go à 29,99€
29.99 €
Voir le deal

Partagez
 

Soucis avec une PA

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://pubwars.bb-fr.com/
Colft
Colft
{ Membre }
{ Membre }

Masculin Messages : 32



Soucis avec une PA Empty
Coucou

J'ai un petit soucis avec un code pour une page d'accueil.

Source Tutp => http://www.css-actif.com/t9091-message-d-accueil-alias-pa

Voilà se que sa me donne

https://2img.net/r/hpimg15/pics/874980bug.jpg

J'ai vraiment tout essayer

Forum test en question => http://testattt.totalsujet.com/


Merci à toute les personnes qui me viendront en aide
MessageSujet: Soucis avec une PA   Soucis avec une PA EmptyDim 06 Mai 2012, 18:22
Revenir en haut Aller en bas
http://untold-legends.keuf.net/
Ravener
Ravener
{ Membre }
{ Membre }

Féminin Messages : 70



Soucis avec une PA Empty
J'avais utilisé cette PA voilà un an et je n'ai jamais eu de problèmes avec les codes.

Donne-nous ton code HTML et ton CSS, tu dois avoir touché à quelque chose sans t'en rendre compte d'après moi =)
Et ça va aller mieux pour t'aider XD

Au pire des cas, je te conseille de refaire un copier-coller des codes d'origine.
MessageSujet: Re: Soucis avec une PA   Soucis avec une PA EmptyDim 06 Mai 2012, 18:47
Revenir en haut Aller en bas
http://pubwars.bb-fr.com/
Colft
Colft
{ Membre }
{ Membre }

Masculin Messages : 32



Soucis avec une PA Empty
Coucou

Merci de me venir en aide

Surement , mais bon , :/ j'ai bien fait C/C Rolling Eyes

Tout mon Css

Code:

.secondarytitle {
background: url(http://hitskin.com/themes/16/58/85/i_back_title.png);
}
.colorpicker {
          width: 356px;
          height: 176px;
          overflow: hidden;
          position: absolute;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
          font-family: Arial, Helvetica, sans-serif;
          display: none;
        }
        .colorpicker_color {
          width: 150px;
          height: 150px;
          left: 14px;
          top: 13px;
          position: absolute;
          background: #f00;
          overflow: hidden;
          cursor: crosshair;
        }
        .colorpicker_color div {
          position: absolute;
          top: 0;
          left: 0;
          width: 150px;
          height: 150px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
        }
        .colorpicker_color div div {
          position: absolute;
          top: 0;
          left: 0;
          width: 11px;
          height: 11px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
          margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
          position: absolute;
          top: 13px;
          left: 171px;
          width: 35px;
          height: 150px;
          cursor: n-resize;
        }
        .colorpicker_hue div {
          position: absolute;
          width: 35px;
          height: 9px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
          margin: -4px 0 0 0;
          left: 0px;
        }
        .colorpicker_new_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 213px;
          top: 13px;
          background: #f00;
        }
        .colorpicker_current_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 283px;
          top: 13px;
          background: #f00;
        }
        .colorpicker input {
          background-color: transparent;
          border: 1px solid transparent;
          position: absolute;
          font-size: 10px;
          font-family: Arial, Helvetica, sans-serif;
          color: #898989;
          top: 4px;
          right: 11px;
          text-align: right;
          margin: 0;
          padding: 0;
          height: 11px;
        }
        .colorpicker_hex {
          position: absolute;
          width: 72px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
          left: 212px;
          top: 142px;
        }
        .colorpicker_hex input {
          right: 6px;
        }
        .colorpicker_field {
          height: 22px;
          width: 62px;
          background-position: top;
          position: absolute;
        }
        .colorpicker_field span {
          position: absolute;
          width: 12px;
          height: 22px;
          overflow: hidden;
          top: 0;
          right: 0;
          cursor: n-resize;
        }
        .colorpicker_rgb_r {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
          top: 52px;
          left: 212px;
        }
        .colorpicker_rgb_g {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
          top: 82px;
          left: 212px;
        }
        .colorpicker_rgb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
          top: 112px;
          left: 212px;
        }
        .colorpicker_hsb_h {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
          top: 52px;
          left: 282px;
        }
        .colorpicker_hsb_s {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
          top: 82px;
          left: 282px;
        }
        .colorpicker_hsb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
          top: 112px;
          left: 282px;
        }
        .colorpicker_submit {
          position: absolute;
          width: 22px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
          left: 322px;
          top: 142px;
          overflow: hidden;
        }
        .colorpicker_focus {
          background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_slider {
          background-position: bottom;
        }

 /* =================
                              ===== Message d'accueil =====
        script by James1920 de CSSACTIF  - Novembre 13, 2010.  MAJ Avril 20, 2012
      http://www.themes-fa.com - BY-NC  (http://creativecommons.org/licenses/by-nc/2.0/fr/)

 =================  */

 
 
  /*----------------- Ma général ----------------- */
 

 /* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}


/*le tableau invisible */

.table25
{
border: none ;
}


/* Liens */

.a2
{
display: block;
width: 130px;
color: black;
text-align:center;
border: 1px solid black;
 -moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}


.a2:hover
{

background-color: black;
color: white;
}



#table22 /* fond du ma */
{
width: 770px;
background-color: #454545;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}




/*-----------------Titre----------------- */


/* Le titre special pour le texte de bienvenu */

.h2_themebienvenu
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 367px;
}


/* le titre special pour les credits */


.h2_themecredit
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 160px;
}

/* le titre pour les autres boites */



.h2_theme
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;

}


/* effet de transparance FF */

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

/*-----------------Les boites contenant les textes----------------- */





/* Navigation */

 .navi_ma
 {
  background-color:#afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6; 
-moz-box-shadow: 4px 4px 0 #e6e6e6; 
-khtml-box-shadow: 4px 4px 0 #e6e6e6; 
padding-top: 20px;

}


/* News  */

 .news
 {
 background-color: #afaeae;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
width: 160px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6; 
-moz-box-shadow: 4px 4px 0 #e6e6e6; 
-khtml-box-shadow: 4px 4px 0 #e6e6e6; 
}

/* Partenaires */

.partenaire_test
{
 background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6; 
-moz-box-shadow: 4px 4px 0 #e6e6e6; 
-khtml-box-shadow: 4px 4px 0 #e6e6e6;   
padding-top: 20px;

}


/* message de bienvenu */


#bienvenu_ma
{
 background-color: #afaeae;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6; 
-moz-box-shadow: 4px 4px 0 #e6e6e6; 
-khtml-box-shadow: 4px 4px 0 #e6e6e6; 
width: 370px;
}
 
/* membres staffs */
 

 
 .staff
{
 background-color: #afaeae;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6; 
-moz-box-shadow: 4px 4px 0 #e6e6e6; 
-khtml-box-shadow: 4px 4px 0 #e6e6e6; 
padding-top: 20px;
}


/*crédits */

 
 .credits
 {
 background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6; 
-moz-box-shadow: 4px 4px 0 #e6e6e6; 
-khtml-box-shadow: 4px 4px 0 #e6e6e6; 
padding-top: 20px;

}




/*-----------------inffobulles----------------- */

 
div.infobulle
{
 position: relative;
 float: left;
color: black;
}

div.infobulle span
{
 display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: black;
}


/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #afaeae;
color: black;
 padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
}

CSS du tuto que j'ai mis

Code:

/* =================
                              ===== Message d'accueil =====
        script by James1920 de CSSACTIF  - Novembre 13, 2010.  MAJ Avril 20, 2012
      http://www.themes-fa.com - BY-NC  (http://creativecommons.org/licenses/by-nc/2.0/fr/)

 =================  */

 
 
  /*----------------- Ma général ----------------- */
 

 /* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}


/*le tableau invisible */

.table25
{
border: none ;
}


/* Liens */

.a2
{
display: block;
width: 130px;
color: black;
text-align:center;
border: 1px solid black;
 -moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}


.a2:hover
{

background-color: black;
color: white;
}



#table22 /* fond du ma */
{
width: 770px;
background-color: #454545;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}




/*-----------------Titre----------------- */


/* Le titre special pour le texte de bienvenu */

.h2_themebienvenu
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 367px;
}


/* le titre special pour les credits */


.h2_themecredit
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 160px;
}

/* le titre pour les autres boites */



.h2_theme
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;

}


/* effet de transparance FF */

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

/*-----------------Les boites contenant les textes----------------- */





/* Navigation */

 .navi_ma
 {
  background-color:#afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6; 
-moz-box-shadow: 4px 4px 0 #e6e6e6; 
-khtml-box-shadow: 4px 4px 0 #e6e6e6; 
padding-top: 20px;

}


/* News  */

 .news
 {
 background-color: #afaeae;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
width: 160px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6; 
-moz-box-shadow: 4px 4px 0 #e6e6e6; 
-khtml-box-shadow: 4px 4px 0 #e6e6e6; 
}

/* Partenaires */

.partenaire_test
{
 background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6; 
-moz-box-shadow: 4px 4px 0 #e6e6e6; 
-khtml-box-shadow: 4px 4px 0 #e6e6e6;   
padding-top: 20px;

}


/* message de bienvenu */


#bienvenu_ma
{
 background-color: #afaeae;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6; 
-moz-box-shadow: 4px 4px 0 #e6e6e6; 
-khtml-box-shadow: 4px 4px 0 #e6e6e6; 
width: 370px;
}
 
/* membres staffs */
 

 
 .staff
{
 background-color: #afaeae;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6; 
-moz-box-shadow: 4px 4px 0 #e6e6e6; 
-khtml-box-shadow: 4px 4px 0 #e6e6e6; 
padding-top: 20px;
}


/*crédits */

 
 .credits
 {
 background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6; 
-moz-box-shadow: 4px 4px 0 #e6e6e6; 
-khtml-box-shadow: 4px 4px 0 #e6e6e6; 
padding-top: 20px;

}




/*-----------------inffobulles----------------- */

 
div.infobulle
{
 position: relative;
 float: left;
color: black;
}

div.infobulle span
{
 display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: black;
}


/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #afaeae;
color: black;
 padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
}

Message bienvenu

Code:


<div id="table22">
<table class="table25">

<tr>

<td rowspan="2"><h2 class="h2_theme">Navigations</h2><div class="navi_ma">
<a href="#" class="a2"> <a href="http://pubwars.bb-fr.com/" class="postlink" target="_blank" rel="nofollow">Pub</a></a>
<a href="#" class="a2">liens 1</a>
<a href="#" class="a2">liens 1</a>
<a href="#" class="a2">liens 1</a>
<a href="#" class="a2">liens 1</a>


<a href="#" class="a2">Liens 1</a>
<a href="#" class="a2">liens 1</a>
<a href="#" class="a2">liens 1</a>
<a href="#" class="a2">liens 1</a>

</div>
</td>

<td align="left">
<h2 class="h2_theme">New's</h2><div class="news">
<p>Nouveau message d'accueil<br>
Nouveau message d'accueil<br>

Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>

Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br>
Nouveau message d'accueil<br></p>
</div>
</td>

<td align="left" colspan="3">
<h2 class="h2_themebienvenu">Bienvenu sur XXXX</h2><div id="bienvenu_ma">Bienvenue Oberschaeffolsheim und wie hopla lacus vulputate blottkopf, vielmols, nullam Pfourtz ! baeckeoffe gravida aliquam Gal. menele varius eleifend elementum hopla sed id, gal geht's nedle Chulia Roberstau mamsell Racing. lotto-owe Chulien jetz gehts los kougelhopf schpeck risus, Morbi gewurztraminer dolor Miss Dahlias turpis, schneck salu dui tchao bissame consectetur senectus s'guelt amet munster habitant chambon bredele turpis ante purus placerat in, rucksack Hans Sp�tzle Verdammi Gal ! morbi knack knepfle ornare mollis picon bi�re sit Salu

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

<tr>
<td align="left">
<h2 class="h2_theme">Partenaires</h2><div class="partenaire_test" id="scroller_container">
 <div class="jscroller2_left jscroller2_speed-60 jscroller2_mousemove" style="font-size:14px; line-height:50px; white-space:nowrap; margin: 0;"><a href="http://www.css-actif.com/"><img src="http://files.cssactif.com/logos/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.cssactif.com/logos/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.cssactif.com/logos/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.cssactif.com/logos/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.cssactif.com/logos/css-actif-8831.gif" border="0" class="transparence"></a>


<a href="http://www.css-actif.com/"><img src="http://files.cssactif.com/logos/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.cssactif.com/logos/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.cssactif.com/logos/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.cssactif.com/logos/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.cssactif.com/logos/css-actif-8831.gif" border="0" class="transparence"></a><a href="http://www.css-actif.com/"><img src="http://files.cssactif.com/logos/css-actif-8831.gif" border="0" class="transparence"></a></div></div>
</td>

<td align="left" colspan="2">
<h2 class="h2_theme"> Nos chefs de groupes </h2><div class="staff"><div class="infobulle"><img src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg"  class="transparence" /><span>Admin en chef<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div><div><a href="#">Profil</a></div><div><a href="#">Mp</a></div>

</span></div><div class="infobulle"><img src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg"  class="transparence" /><span>Admin en chef<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div><div><a href="#">Profil</a></div><div><a href="#">Mp</a></div>
</span></div><div class="infobulle"><img src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg"  class="transparence" /><span>Admin en chef<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div><div><a href="#">Profil</a></div><div><a href="#">Mp</a></div>
</span></div>
</div>
</td>

<td align="left">
<h2 class="h2_themecredit">Crédits</h2><div class="credits" >Oberschaeffolsheim und wie hopla lacus vulputate blottkopf, vielmols, nin, rucksack Hans Spzle Verpicon biere sit Salu</div>

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

Java Script

Code:

/*
 * jScroller2 1.61 - Scroller Script
 *
 * Copyright (c) 2008 Markus Bordihn (markusbordihn.de)
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * $Date: 2009-07-16 18:00:00 +0100 (Thu, 16 July 2009) $
 * $Rev: 1.61 $
 */

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('x 4={1M:{1N:"1O 1P",1Q:1.1R,1S:"1T 1U (1V://1W.1X)",1Y:"1Z 20 21"},11:{1t:22,17:{D:/([0-9,.\\-]+)D/}},6:[],n:{18:T,A:\'1u\'+\'23\',1h:0,19:0,1a:G.24?1i:T,12:{13:T}},w:{E:s(a,b,c){x i,1b=\'\',O=a.H;7(a&&b){L(i=0;i<O;i++){7(c&&a[i].1c(b)>=0){1b=a[i].1d(b)[1];B}y 7(a[i]===b){1b=a[i];B}}}V 1b},D:s(a){x b="";7(a){7(a.1j(4.11.17.D)){7(1v a.1j(4.11.17.D)[1]!==\'1w\'){b=a.1j(4.11.17.D)[1]}}}V 1x(b)},k:s(a,b,c,d,e,f,g,h,i){x j;X(a){t\'C\':t\'U\':j=4.w.D(d.P[b])+h;7(c>0&&c<=f){4.u[b](d,c-g)}7(j+g>=f&&j<=f+h){4.u[b](d,j);c=j+e*-1}V c;t\'W\':t\'r\':j=4.w.D(d.P[b])-h;7(c+e<=f){4.u[b](d,c+e)}7(j+g<=f&&j+g+h>=0){4.u[b](d,j);c=j+g}V c}}},F:{1e:s(){7(4.n.12.13&&4.n.12.13!==14.1k){4.n.12.13=14.1k}y{4.1l()}},15:s(){4.1m()},I:s(a){7(a>0){L(x i=0;i<4.6.H;i++){7(a===4.6[i][3].I){4.6[i][3].Q=4.6[i][3].I=0}}}},1n:s(a){7(a){4.1o(a,1)}},1p:s(a){7(a){4.1o(a,0)}}},u:{r:s(a,b){4.R(a,\'r\',b+"D")},M:s(a,b){4.R(a,\'M\',b+"D")},l:s(a,b){4.R(a,\'l\',b+"D")},m:s(a,b){4.R(a,\'m\',b+"D")}},1y:{1z:s(){x a=14.1A(\'1B\'),O=a.H,i;L(i=0;i<O;i++){x b=a[i].Y.1d(\' \'),p=1f;7(4.w.E(b,4.n.A+\'C\')){p=\'C\'}y 7(4.w.E(b,4.n.A+\'W\')){p=\'W\'}y 7(4.w.E(b,4.n.A+\'r\')){p=\'r\'}y 7(4.w.E(b,4.n.A+\'U\')){p=\'U\'}7(p){4.1C(a[i],p)}}7(!4.18){7(4.6.H>0){4.1m();7(4.n.1h){L(i=0;i<4.6.H;i++){7(4.6[i][3].I>0){G.25("4.F.I("+4.6[i][3].I+",0)",4.6[i][3].I)}}}7(4.n.19===0){7(4.n.1a){4.n.12.13=14.1k;4.J(14,\'26\',4.F.1e)}y{4.J(G,\'1e\',4.F.1e)}4.J(G,\'15\',4.F.15);4.J(G,\'27\',4.F.15);4.J(G,\'28\',4.F.15)}}}}},1C:s(a,b){x i,O=4.6.H,1g=T;7(a&&b){7(O>0){L(i=0;i<O;i++){7(4.6[i][1].6===a){4.6[i][3].p=b;1g=1i}}}}y{1g=1i}7(!1g){x c=0,q=1,Q=0,v,Z,S=a.Y.1d(\' \'),z=a.1q,k={6:1f,l:1f,m:1f};7(z.Y.1c(\'1u\')>=0){z=z.1q}7(z){4.R(z,\'1r\',\'29\');4.R(z,\'2a\',\'2b\');x d=z.1A(\'1B\');L(i=0;i<d.H;i++){7(4.w.E(d[i].Y.1d(\' \'),4.n.A+b+\'1D\')){k.6=d[i]}}7(a){4.R(a,\'1r\',\'1E\');4.u.M(a,0);4.u.r(a,0);X(b){t"C":4.u.M(a,(a.N*-1)+z.N);B;t"U":4.u.r(a,(a.K*-1)+z.K);B}X(b){t"C":t"W":4.u.l(a,z.K);B;t"U":t"r":4.u.m(a,z.N);B}7(k.6){4.R(k.6,\'1r\',\'1E\');k.l=k.6.K;k.m=k.6.N;X(b){t"C":4.u.M(k.6,k.m*-1);B;t"W":4.u.M(k.6,a.N);B;t"r":4.u.r(k.6,a.K);B;t"U":4.u.r(k.6,a.K*-1);B}X(b){t"C":t"W":4.u.r(k.6,0);4.u.l(k.6,z.K);B;t"r":t"U":4.u.M(k.6,0);4.u.m(k.6,z.N);B}}}7(4.w.E(S,4.n.A+\'q-\',1)){q=1x(4.w.E(S,4.n.A+\'q-\',1)||10)/10;7(4.n.1a&&q<1){q=1}}4.n.19=(4.w.E(S,4.n.A+\'2c\')||4.n.19===1)?1:0;v=4.w.E(S,4.n.A+\'v\')?1:0;Z=4.w.E(S,4.n.A+\'Z\')?1:0;7(4.w.E(S,4.n.A+\'I-\',1)){4.n.1h=Q=1;c=4.w.E(S,4.n.A+\'I-\',1)*2d}7(4.w.E(S,4.n.A+\'1F\')){4.J(a,\'1G\',4.F.1n);4.J(a,\'1H\',4.F.1p);7(k.6){4.J(k.6,\'1G\',4.F.1n);4.J(k.6,\'1H\',4.F.1p)}}4.6.2e([{m:z.N,l:z.K},{6:a,m:a.N,l:a.K},{6:k.6,m:k.m,l:k.l},{p:b,q:q,Q:Q,I:c,v:v,Z:Z}])}}},2f:s(a){7(a){L(x i=0;i<4.6.H;i++){7(4.6[i][1].6===a){4.6.2g(i,1)}}7(4.6.H<=0){4.1l()}}},1I:s(){x i,O=4.6.H;L(i=0;i<O;i++){x a=4.6[i][0],o=4.6[i][1],k=4.6[i][2],8=4.6[i][3];7(!8.Q&&!8.I){7(8.Z){o.m=4.6[i][1].m=o.6.N;o.l=4.6[i][1].l=o.6.K;7(k.6){k.m=4.6[i][2].m=k.6.N;k.l=4.6[i][2].l=k.6.K}}X(8.p){t\'C\':t\'W\':x b=4.w.D(o.6.P.M);b=(8.v===2)?((8.p===\'C\')?b-8.q:b+8.q):((8.p===\'C\')?b+8.q:b-8.q);7(k.6&&!8.v){b=4.w.k(8.p,\'M\',b,k.6,o.m,a.m,k.m,8.q,8.v)}y{7(8.v){7(8.v===((8.p===\'C\')?1:2)&&((o.m>a.m&&b+8.q>0)||(o.m<a.m&&b+o.m+8.q>a.m))){4.6[i][3].v=((8.p===\'C\')?2:1)}7(8.v===((8.p===\'C\')?2:1)&&((o.m>a.m&&b+o.m<a.m+8.q)||(o.m<a.m&&b<0))){4.6[i][3].v=((8.p===\'C\')?1:2)}}y{7(8.p===\'C\'){7(b>a.l){b=(o.m)*-1}}y{7(b<o.m*-1){b=a.m}}}}4.u.M(o.6,b);B;t\'r\':t\'U\':x c=4.w.D(o.6.P.r);c=(8.v===2)?((8.p===\'r\')?c+8.q:c-8.q):(8.p===\'r\')?c-8.q:c+8.q;7(k.6&&!8.v){c=4.w.k(8.p,\'r\',c,k.6,o.l,a.l,k.l,8.q,8.v)}y{7(8.v){7(8.v===((8.p===\'r\')?2:1)&&((o.l>a.l&&c+8.q>0)||(o.l<a.l&&c+o.l+8.q>a.l))){4.6[i][3].v=((8.p===\'r\')?1:2)}7(8.v===((8.p===\'r\')?1:2)&&((o.l>a.l&&c+o.l<a.l+8.q)||(o.l<a.l&&c-8.q<0))){4.6[i][3].v=((8.p===\'r\')?2:1)}}y{7(8.p===\'r\'){7(c<o.l*-1){c=a.l}}y{7(c>a.l){c=(o.l)*-1}}}}4.u.r(o.6,c);B}}}},1o:s(a,b){7(a.1s||a.1J){x c=a.1s?a.1s:a.1J;L(x i=0;i<5;i++){7(c.Y.1c(4.n.A+\'1F\')<0&&c.Y.1c(\'1D\')<0){c=c.1q}y{B}}4.Q(c,b)}},1m:s(){7(!4.16){4.18=4.16=G.2h(4.1I,4.11.1t)}},1l:s(){7(4.16){G.2i(4.16);4.18=4.16=T}},Q:s(a,b){7(a&&b>=0){L(x i=0;i<4.6.H;i++){7(a===4.6[i][1].6||a===4.6[i][2].6){4.6[i][3].Q=b}}}},R:s(a,b,c){7(a&&b){7(a.P){7(1v a.P[b]!==\'1w\'){7(c){2j{V(a.P[b]=c)}2k(e){V T}}y{V(a.P[b]===\'\')?((a.1K)?a.1K[b]:((G.1L)?G.1L(a,\'\').2l(b):T)):a.P[b]}}}}},J:s(a,b,c){7(a&&b&&c){7(4.n.1a){a.2m("F"+b,c)}y{a.2n(b,c,T)}}}};4.J(G,\'2o\',4.1y.1z);',62,149,'||||ByRei_jScroller2||obj|if|option||||||||||||endless|width|height|cache|child|direction|speed|left|function|case|set|alternate|get|var|else|parent|prefix|break|down|px|value|on|window|length|delay|set_eventListener|clientWidth|for|top|clientHeight|il|style|pause|_style|classNames|false|right|return|up|switch|className|dynamic||config|last|element|document|focus|timer|regExp|active|ileave|ie|result|indexOf|split|blur|null|error|delayer|true|match|activeElement|stop|start|over|start_stop|out|parentNode|position|target|refreshtime|jscroller2|typeof|undefined|parseFloat|init|main|getElementsByTagName|div|add|_endless|absolute|mousemove|mouseover|mouseout|scroller|srcElement|currentStyle|getComputedStyle|info|Name|ByRei|jScroller2|Version|61|Author|Markus|Bordihn|http|markusbordihn|de|Description|Next|Generation|Autoscroller|150|_|detachEvent|setTimeout|focusout|resize|scroll|relative|overflow|hidden|ignoreleave|1000|push|remove|splice|setInterval|clearInterval|try|catch|getPropertyValue|attachEvent|addEventListener|load'.split('|'),0,{}))

Voilà
MessageSujet: Re: Soucis avec une PA   Soucis avec une PA EmptyLun 07 Mai 2012, 02:23
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
Ptite_Perle
Ptite_Perle
{ Membre }
{ Membre }

Féminin Messages : 241



Soucis avec une PA Empty
Coucou

J'ai utilisée ce tutot est tout c'est bien passée, si je peux me permettre tu t'es trompé ici:

Code:
<a href="#" class="a2"> <a href="http://pubwars.bb-fr.com/" class="postlink" target="_blank" rel="nofollow">Pub</a></a>

Il faut mettre ton url à la place du signe: #

Ce qui donne ceci :

Code:
<a href="http://pubwars.bb-fr.com/" class="postlink" target="_blank" rel="nofollow" class="a2">Pub</a>

Amicalement
MessageSujet: Re: Soucis avec une PA   Soucis avec une PA EmptyLun 07 Mai 2012, 04:33
Revenir en haut Aller en bas
http://pubwars.bb-fr.com/
Colft
Colft
{ Membre }
{ Membre }

Masculin Messages : 32



Soucis avec une PA Empty
Coucou

j'en est remplacer un pour voir se que sa donne

ces toujours pareil et en plus sans cadre Neutral http://testattt.totalsujet.com/
MessageSujet: Re: Soucis avec une PA   Soucis avec une PA EmptyLun 07 Mai 2012, 06:32
Revenir en haut Aller en bas
Solaris
Solaris
{ Codeur en stage }
{ Codeur en stage }

Masculin Messages : 15



Soucis avec une PA Empty
Je crois savoir ce qui ne va pas. Bon, je n'ai pas étudié parfaitement tes codes, mais un truc me choque d'emblée, c'est ton lien imbriqué, ici :

Code:
<a href="#" class="a2"> <a href="http://pubwars.bb-fr.com/" class="postlink" target="_blank" rel="nofollow">Pub</a></a>

Personnellement, je trouve que c'est le fait qu'il y ait ce lien imbriqué qui pose problème.

Comment le régler ?

En fusionnant tes liens, comme ceci :

Code:
<a href="http://pubwars.bb-fr.com/" class="a2" target="_blank" rel="nofollow">Pub</a>

En mon sens, ça devrait marcher.

Explications

En fait, ton lien imbriqué ne possède pas l'habillage "a2", mais l'habillage "postlink" qui fait qu'il ne soit pas le même que les autres. Quant au précédent soucis, avec ton "#", il affichait les deux styles, mais la première instanciation du "a" était quand même vide. En mon sens, il ne faut jamais imbriquer de "a" de cette manière (on peut, mais pas de cette manière.)

Voilà, en espérant que ça marche, maintenant Wink
MessageSujet: Re: Soucis avec une PA   Soucis avec une PA EmptyLun 07 Mai 2012, 08:12
Revenir en haut Aller en bas
http://pubwars.bb-fr.com/
Colft
Colft
{ Membre }
{ Membre }

Masculin Messages : 32



Soucis avec une PA Empty
Coucou Solaris

Merci , sa fonctionne

Mais moi je n'est rien modifié , sauf le lien ... Neutral

Merci beaucoup
MessageSujet: Re: Soucis avec une PA   Soucis avec une PA EmptyLun 07 Mai 2012, 10:37
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Soucis avec une PA Empty
Bonjour Colft !
Ton problème semble résolu, donc je classe.

Pour une prochaine fois, pense à signaler clairement que le sujet est terminé.
Merci et à bientôt ! Smile

MessageSujet: Re: Soucis avec une PA   Soucis avec une PA EmptyMer 09 Mai 2012, 23:27
Revenir en haut Aller en bas
Contenu sponsorisé




Soucis avec une PA Empty
MessageSujet: Re: Soucis avec une PA   Soucis avec une PA Empty
Revenir en haut Aller en bas
 

Soucis avec une PA

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

 Sujets similaires

-
» Soucis avec IE
» Soucis avec mes Groupes
» Soucis avec mon tableau !
» Soucis avec mes onglets
» Un soucis avec les onglet d'une PA

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-

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