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

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

SoraNoHime
+ Hyperactif +

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 ^^.

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