Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Problème de fiche

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

Résolu Problème de fiche

Message par Reiko le Dim 26 Juin 2011 - 17:08

Hellow,

Je reviens en force pour demander de l'aide Very Happy

ALors voilà , sur mon forum test ma fiche de présentation apparaît parfaitement

Spoiler:



Et maintenant que je l'installe sur un autre forum regardez comment ma fiche apparaît

Spoiler:

Si quelqu'un pourrai m'aider voici le CSS & le code de la fiche

Spoiler:
LE CSS

Code:
/* INFOBULLE */

a.infobulle {
  position: relative;
}

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

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  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é */

  top: 5px; /* on positionne notre infobulle */
  left: 15px;

  background-color: #ffffff; /* arrière-plan de l'infobulle */


  color: black; /* texte dans l'infobulle */
  padding-right:10px;
  padding-left:10px;
  padding-bottom: 3px;
  padding-top:3px;
  font-size: 11px;

  /* bordures de votre infobulle*/
  -moz-border-radius:7px;
  border-color: #577889;
  border: #577889;
  border-style: solid;
  border-left-width: 2px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border: 2px #577889;
}

a.infobulle {
  position: relative;
}

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

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  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é */

  top: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #ebebeb; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 3px;

  /* bordures de votre infobulle*/
  border: 1px dotted black;
  border-left: 1px dotted black;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 1px double;border-color:#7d0213;
-moz-border-radius:6px;}

I{border-bottom:none; color:#7d0213;text-decoration: none
}

a:hover{text-transform:uppercase;}
a {font-variant: small-caps;}



a.mainmenu {
font-family: serif;
text-align: center;
font-size: 70%;
background-color: #FFFFFF;
color: #646B82;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;}

a.mainmenu:hover {
background-image: url("http://img11.hostingpics.net/pics/240544Sanstitre1.png");
text-align: center;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }


.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-image: url("http://up4u.free.fr/images/nnr7gfg3lpw7vxihidn9.png");
border: #b84a72;
border-style: solid;
border: 1px #b84a72;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;
background-color: #ffffff ;
border: #577889;
border-style: solid;
border-left-width: 2px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border: 2px #577889;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}


.statistiques{
border:0px;
background-image: url("http://i20.servimg.com/u/f20/16/60/66/71/sans_t10.jpg");
background-repeat: no-repeat;
background-position: center;
height:260px;}

.groupes{
background-color:#FFFFFF;border: 1px #7993a1 dotted;
-moz-border-radius : 15px 15px 15px 15px;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.groupe{
background-color:#FFFFFF;

height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
text-decoration: none !important;
}


.boxtitle{
font-family: serif;
text-align: center;
background-image: url("http://up4u.free.fr/images/yf3ekbnukaypoo87i.png");
font-size:15px;
border-bottom: 3px double #363642;
color: #363642;
display: block;}

.box {
background-image: url("http://up4u.free.fr/images/nnr7gfg3lpw7vxihidn9.png");
color:#363642;
font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family: serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;;
border-bottom: 2px solid #577889;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}

.main:hover
{background-color: #A6A4A4;
text-align: center;
display: block;
border-bottom: 2px solid #363642;
}

a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid;
}

a.imginfo span {
display: none;
}
a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}
a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 5px;
left: 15px;
background: #363642;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}


.abc {border-bottom: 5px solid #ffffff}
.def {
background-color: #ffffff;
-moz-border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
text-transform:uppercase;}


.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #363642;
}

tr.post span.gensmall { display: none; }


th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}


bod {
background-repeat: no-repeat;
  background-position: none;
}

.forumline {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:3px;
-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #00000;
box-shadow: 0px 0px 3px #000000;
background-color: #eef9fc;
border : 1px solid #4e7682;
padding:7px;
margin-bottom: 20px;
}

.bodyline{
border-right: 5px solid #577889;
border-left: 5px solid #577889;
margin: -40px auto -40px auto;
padding-top: 0px;
bottom: 0px;
}
.bodylinewidth {
max-width: 810px!important;}


/* NAVIGATION EN HAUT */

.navtop {
top : 0px;
right : 0px;
left : 0px;
position : fixed ;
width : 100% ;
background-color : #F5F0F0 ;
border-bottom : 1px solid #FfFfff;
-moz-box-shadow: 0px 2px 2px #000000;
-webkit-box-shadow: 0px 2px 2px #000000;
box-shadow: 0px 2px 2px #000000;
  font-family: georgia;
  letter-spacing: 2px;
}
 
.opacite {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacite:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

a.mainmenu  {
font-size: 16px;
text-align : left ;
color: #DEA0BC;
text-shadow: 0px 0px 6px #ffffff;
font-weight: normal;
font-family :  Script MT Bold ;
letter-spacing: 2px;
}
a.mainmenu:hover{
color: #A280B0;
letter-spacing: 3px;
text-shadow: 0px 0px 6px #ffffff;
}

/* PROFIL DES MEMBRES */

/* Profil Masqué */
.profilmasque {
text-align:left;
padding:8px;
-moz-border-radius:10px;
background-color: #F0F2FA;
border:1px solid #A280B0;
border-right:3px solid #A280B0;
border-left:3px solid #A280B0;
font-size: 12px;

}



.description {
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #00000;
box-shadow: 0px 0px 2px #000000;
padding-left: 20px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
margin-left:12px;
margin-bottom:10px;
}


.vignette {
background-color : #F5F0F0;
-moz-border-radius : 20px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-top: 2px;
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #00000;
box-shadow: 0px 0px 2px #000000;
}



a {
text-decoration: none!important;
}

a:hover {
text-decoration: none!important;
letter-spacing: 2px;}


/* TITRES DES CATEGORIE */


a.forumlink:link, a.forumlink:visited {
font-size: 14px;
text-align : left ;
color: #4e7682;
text-shadow: 0px 0px 6px #ffffff;
font-weight: normal;
font-family :  Georgia;
letter-spacing: 2px;
padding-left: 20px;
padding-right: 3px;
padding-top: 3px;
margin-left:12px;
margin-right:12px;
display: block;
background-image: url("http://i28.servimg.com/u/f28/16/28/14/94/barre10.png");
background-repeat: no-repeat;}

a.forumlink:hover, a.forumlink:hover:visited {
color: #000000;
letter-spacing: 3px;
text-shadow: 0px 0px 6px #ffffff;
}



/* ASCENSEUR */

.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 40px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 5px; /*--- On le place à 0px de la gauche de l'écran ---*/
}

table.bodylinewidth {
position: relative;
bottom:+20px;
}

/* VIGNETTES SOUS FORUMS */

.vignettes
{-moz-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
color : #000000;}

/////PRESENTATION//////

.bbox{
background-color:#718582;
width:600px;
}

.identitebox{
background-color:#FFFFFF;
margin: auto;
padding-right:5px;
width: 500px;
height: 100px
padding: 10px;
color: black;
text-align: justify;
font-size: 11px;
font-family: Trebuchet MS;
border-right:  2px solid #577889;
border-left:  2px solid #577889;
border-bottom:  2px solid #577889;
-moz-border-radius: 0px 0px 12px 12px ;
-webkit-border-radius: 0px 0px 12px 12px ;
border-radius: 0px 0px 12px 12px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;}

.icon {
float: left;
margin-right:5px;
margin-left:5px;
margin-bottom:5px;
margin-top:5px;
}


.title {
padding-right:5px;
background-color:#d3e9ec;
width: 500px;
color: #718582;
font-family: georgia;
font-size: 22px;
margin: auto;
text-align: center;
border-right:  2px solid #577889;
border-left:  2px solid #577889;
border-top:  2px solid #577889;
border-bottom:  2px solid #ebcbae;
-moz-border-radius: 12px 12px 0px 0px ;
-webkit-border-radius: 12px 12px 0px 0px  ;
border-radius:12px 12px 0px 0px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;}

.title_1 {
padding-right:5px;
background-color:#d3e9ec;
width: 500px;
color: #718582;
font-family: georgia;
font-size: 22px;
margin: auto;
text-align: center;
border-bottom:  2px solid #ebcbae;
}

La fiche

Code:
<div class="title">Nom & Prénom</div><div class="identitebox"><img class="icon" src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"></img>
• [size=14][b]Nom[/b][/size] » Le nom de famille de votre personnage, en rapport avec sa nationalité si possible
• [size=14][b]Prénom[/b][/size] » Le(s) prénom(s) de votre personnage
• [size=14][b]Surnoms[/b][/size] » Comment votre perso est-il appelé par sa famille, ses amis etc...
[list]• [size=14][b]Date de Naissance[/b][/size] » Jour/Mois/ Année
• [size=14][b]Origines[/b][/size] » Française? Anglaise? Japonaise? Toutes origines acceptées, mais japonaise recommandée
• [size=14][b]Âge & Classe[/b][/size] » Pour en savoir plus ce sujet
• [size=14][b]Orientation sexuelle[/b][/size] » []Hétérosexuel(le) []Homosexuel(le) []Bisexuel(le)[/list]

<div class="title_1">Caractéristiques physiques</div>

[list]•[size=14] [b]| 230 mots minimum. |[/b][/size][/list]

<div class="title_1">Caractéristiques psychologiques</div>

[list]•[size=14] [b]| 230 mots minimum. |[/b][/size][/list]

<div class="title_1">Histoire</div>

[list]•[size=14] [b]| 350 mots minimum. |[/b][/size][/list]</div>


<div class="title">• DERRIERE L'ECRAN •</div><div class="identitebox"><img class="icon" src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"></img>
• [size=14][b]Âge :[/b][/size] »
• [size=14][b]Comment avez vous découvert ce forum ?[/b][/size] »
• [size=14][b]Première impression ?[/b][/size] »
• [size=14][b]Votre présence sur une échelle de 1 à 10 ?[/b][/size] » | 1 : Quasi-absent – 10 : Amoureux du forum. =) |
[list]• [size=14][b]Qu'avez vous mangé dernièrement ?[/b][/size] »| La réponse à cette question se trouve dans le règlement. |[/list]</div>

Merci d'avance à la personne qui voudra bien m'aider ^^


Dernière édition par Reiko le Dim 26 Juin 2011 - 18:44, édité 1 fois
avatar

Reiko
**

Messages : 69
Inscrit(e) le : 24/06/2011

http://reikotest.forumgratuit.org/
Reiko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de fiche

Message par SoraNoHime le Dim 26 Juin 2011 - 18:26

bonjour,

votre height: 100px bloque la div à 100px, mettez plutot min-height : 100px

changez ceci dans votre css :

Code:
    .identitebox{
    background-color:#FFFFFF;
    margin: auto;
    padding-right:5px;
    width: 500px;
    height: 100px
    padding: 10px;
    color: black;
    text-align: justify;
    font-size: 11px;
    font-family: Trebuchet MS;
    border-right:  2px solid #577889;
    border-left:  2px solid #577889;
    border-bottom:  2px solid #577889;
    -moz-border-radius: 0px 0px 12px 12px ;
    -webkit-border-radius: 0px 0px 12px 12px ;
    border-radius: 0px 0px 12px 12px ;
    -moz-box-shadow: 2px 2px 2px #000;
    -webkit-box-shadow: 2px 2px 2px #000;}

par
Code:
    .identitebox{
    background-color:#FFFFFF;
    margin: auto;
    padding-right:5px;
    width: 500px;
    min-height: 100px
    padding: 10px;
    color: black;
    text-align: justify;
    font-size: 11px;
    font-family: Trebuchet MS;
    border-right:  2px solid #577889;
    border-left:  2px solid #577889;
    border-bottom:  2px solid #577889;
    -moz-border-radius: 0px 0px 12px 12px ;
    -webkit-border-radius: 0px 0px 12px 12px ;
    border-radius: 0px 0px 12px 12px ;
    -moz-box-shadow: 2px 2px 2px #000;
    -webkit-box-shadow: 2px 2px 2px #000;}

cordialement
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de fiche

Message par Reiko le Dim 26 Juin 2011 - 18:43

C'était bien ça merci à vous pour cette réponse rapide et efficace ^^.
avatar

Reiko
**

Messages : 69
Inscrit(e) le : 24/06/2011

http://reikotest.forumgratuit.org/
Reiko 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