Contour feuille de personnage Bouton_activeContour feuille de personnage Bouton_hoverContour feuille de personnage Fb-hoverContour feuille de personnage 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
Contour feuille de personnage EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Contour feuille de personnage EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Contour feuille de personnage EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Contour feuille de personnage EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Contour feuille de personnage EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Contour feuille de personnage EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Contour feuille de personnage EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Contour feuille de personnage EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -29%
DYSON V8 Origin – Aspirateur balai sans fil
Voir le deal
269.99 €

Partagez
 

Contour feuille de personnage

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://everythingchange.forumsactifs.net/
BOrd3lik
BOrd3lik
{ Membre }
{ Membre }

Féminin Messages : 5



Contour feuille de personnage Empty
Bonjour Smile

Alors voici mon problème : je suis actuellement en train de préparer un nouveau design pour mon forum et je souhaitais mettre un contour autour des avatars, des profils et des feuilles de personnage dans les messages. Jusque là, j'y suis arrivée. Seul petit problème, un espace non désiré a élu domicile au dessus de la feuille de personnage Neutral

Voyez plutôt :
Spoiler:

J'ai cherché mais je n'arrive pas à trouver comment arranger ce problème. Certes ce n'est pas grand chose, mais je trouve que ça fait pas très beau :/

Alors quelqu'un saurait-il d'où vient mon problème ?!

Merci d'avance pour votre aide ! Wink

Petites précisions :

Codes figurants dans mon template :
Code:
<tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_AVATAR}<br />{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}
            {postrow.displayed.RANK_IMAGE}</span></div><br />
            <div class="profilentour"><span class="postdetails poster-profile"><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></span></div><br/>
            <div  class="profilentour"><span class="postdetails poster-profile">{postrow.displayed.POSTER_RPG}</span></div><br />
        <img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" />
      </td>
Codes figurants dans mon css :
Code:
.profilentour
{
text-align:center;
background-color:#d9d9d9;
-moz-border-radius:10px;
padding:7px;
}
.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: 3px solid #e6e6e6;
}

Adresse de mon forum d'essai : http://essais-designs.forumactif.org/
MessageSujet: Contour feuille de personnage   Contour feuille de personnage EmptyMar 23 Fév 2010, 09:24
Revenir en haut Aller en bas
Invité
Invité




Contour feuille de personnage Empty
Bonjour =)
Je t'explique ce que j'ai constaté.

Alors en fait le soucis en gros vient du padding que tu as mis dans ta feuille de CSS pour que ton texte ne soit pas collé aux bords.
Or si tu l'enlèves, tu remarques que pour la feuille de personnage, apparemment il y a déjà un espace prédéfini en haut (me demande pas pourquoi je sais pas du tout xD Je pensais que ça pouvait venir d'un
mais apparemment :/), mais si tu le retires du coup Message et Date d'inscription seront collés au bord et c'est pas très esthétique je te l'accorde :/
Donc ce que je pourrais te conseiller c'est de nommer deux classes différentes comme ça tu peux garder ton padding pour Message et Date d'Inscription et le retirer pour la feuille de personnage.

Donc en gros ça ferait ceci :

Code:
<tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_AVATAR}<br />{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}
            {postrow.displayed.RANK_IMAGE}</span></div><br />
            <div class="profilentour"><span class="postdetails poster-profile"><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></span></div><br/>
            <div  class="profilentour2"><span class="postdetails poster-profile">{postrow.displayed.POSTER_RPG}</span></div><br />
        <img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" />
      </td>

Code:
.profilentour
{
text-align:center;
background-color:#d9d9d9;
-moz-border-radius:10px;
padding:7px;
}

.profilentour2
{
text-align:center;
background-color:#d9d9d9;
-moz-border-radius:10px;
padding-bottom: 7px;
}

.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: 3px solid #e6e6e6;
}

Il y a toujours un petit espace mais moins important je pense non ?
MessageSujet: Re: Contour feuille de personnage   Contour feuille de personnage EmptyMar 23 Fév 2010, 10:03
Revenir en haut Aller en bas
http://everythingchange.forumsactifs.net/
BOrd3lik
BOrd3lik
{ Membre }
{ Membre }

Féminin Messages : 5



Contour feuille de personnage Empty
Merci de m'avoir répondu Very Happy

J'ai essayé de ce que tu m'as dit ! x)

Ça a bien diminué un peu l'espace au dessus de la feuille de personnage, mais il y est toujours :/
MessageSujet: Re: Contour feuille de personnage   Contour feuille de personnage EmptyMar 23 Fév 2010, 10:51
Revenir en haut Aller en bas
Invité
Invité




Contour feuille de personnage Empty
Oui je sais :/ Mais je vois pas d'où ça vient.
Peut être que quelqu'un d'autre saura.
MessageSujet: Re: Contour feuille de personnage   Contour feuille de personnage EmptyMar 23 Fév 2010, 12:01
Revenir en haut Aller en bas
http://everythingchange.forumsactifs.net/
BOrd3lik
BOrd3lik
{ Membre }
{ Membre }

Féminin Messages : 5



Contour feuille de personnage Empty
T'inquiètes pas, c'est mieux comme ça déjà Smile

Et c'est gentil de m'avoir aider ! Merci Wink
MessageSujet: Re: Contour feuille de personnage   Contour feuille de personnage EmptyMar 23 Fév 2010, 12:15
Revenir en haut Aller en bas
Invité
Invité




Contour feuille de personnage Empty
Avec plaisir =)
Je laisse ici encore ou je classe ?
MessageSujet: Re: Contour feuille de personnage   Contour feuille de personnage EmptyMar 23 Fév 2010, 12:19
Revenir en haut Aller en bas
http://everythingchange.forumsactifs.net/
BOrd3lik
BOrd3lik
{ Membre }
{ Membre }

Féminin Messages : 5



Contour feuille de personnage Empty
Tu peux le classer Very Happy
MessageSujet: Re: Contour feuille de personnage   Contour feuille de personnage EmptyMar 23 Fév 2010, 12:54
Revenir en haut Aller en bas
Contenu sponsorisé




Contour feuille de personnage Empty
MessageSujet: Re: Contour feuille de personnage   Contour feuille de personnage Empty
Revenir en haut Aller en bas
 

Contour feuille de personnage

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

 Sujets similaires

-
» Feuille de personnage
» Feuille de personnage.
» Feuille de Personnage
» Feuille de personnage
» Feuille de Personnage

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 | Forumactif.com