Problème d'affichage Bouton_activeProblème d'affichage Bouton_hoverProblème d'affichage Fb-hoverProblème d'affichage 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
» Fiche de Présentation RPG
Problème d'affichage EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème d'affichage EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème d'affichage EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème d'affichage EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème d'affichage EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème d'affichage EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème d'affichage EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Problème d'affichage EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le deal à ne pas rater :
Cartes Pokémon 151 : où trouver le coffret Collection Alakazam-ex ?
Voir le deal

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

Problème d'affichage

Voir le sujet précédent Voir le sujet suivant Aller en bas 
lola1215
lola1215
{ Membre }
{ Membre }

Féminin Messages : 53



Problème d'affichage Empty
Bonjour, Bonsoir

Je deviens folle.. Encore!
Bon, en fait, j'ai fait un forum test, pour pouvoir tester le design ect
et sur celui ci je n'ai AUCUN problème! Donc, voyant cela, j'ai tout mis sur mon BON forum.. MAIS! Oui, il y a un mais, parce que jamais rien n'est simple. Je vous fait des screen pour vous montrer. J'ai déjà eu ce problème, mais il ne s'est pas arrangé.

Déjà, voici mon code css

Code:
 /* CODES DE BASE */

body{margin-top: 0px;}
.bodyline{padding: 0px;}
body{margin-bottom: 0px;}
.forumline {width: 750px;}


body { cursor: crosshair; }
a:hover { cursor: pointer; }

u{border-bottom: 2px solid;
border-color:#1f1f1f;
text-decoration: none;
-moz-border-radius:10px;}

I{border-bottom:none;
color:#1f1f1f;
text-decoration: none
}

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: arial;
line-height: 125%;
background-color: #DFDFDF;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
padding: 10px;}

.code{
font-family: arial;
line-height: 125%;
background-color: #DFDFDF;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
padding: 10px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


.mainmenu{
    color : #5f4037;
        }

a.mainmenu{
    text-decoration: none;
    color : #5f4037;
margin-left: -10px;
margin-right: -10px;
}

a.mainmenu:hover{
    text-decoration:none;
  }

a{font-variant: small-caps;}

 /* MISE EN FORME FORUM */

.profil_contour
{
background-color: #F0F3F3; /*Le fond*/
border: 3px solid #F0F3F3
}

.pseudo {
font-size : 20px;
font-family : times new roman;
text-align: center;
}
.descrip {
    text-align:justify;
    padding-left: 20px;
    padding-right: 10px;
letter-spacing: -1px;
}
.titrescateg{
font-family: georgia, serif;
font-size: 170%;
border-bottom: 1px dashed #5D9890;
text-align: left;
text-transform: uppercase;
}
.entête{
font-family: arial, serif;
font-size: 90%;
text-transform: uppercase;
font-weight: 1500;
color: #F53B63;
text-align: left;
margin-left: 70px;
}
.sousforum{
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
background-color:#DBDEDD;}

.sousfo2{
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
background-color:#DBDEDD;
width: 200px;
font-size: 9px;}

.sousfo3{
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
background-color:#DBDEDD;
width: 463px;
height: 700px;
font-size: 9px;}

.sousfo4{
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
background-color:#ffffff;
width: 350px;
height: 320px;
font-size: 9px;}

.ecriturepa{
font-size: 9px;
text-align: justify;
  padding-left: 20px;
    padding-right: 10px;
}

 /* INFOBULLE */

a.info-pa {
  position: relative;
}

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

}
a.info-pa: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: 5px solid #DBDEDD;
  border-left: 5px solid #DBDEDD;
-moz-border-radius: 5px;
}

 /* FICHE DE PRESENTATION */

.margepresentation{
margin-left : 20px;
margin-right: 10px}

.fondfiche{
-webkit-border-top-right-radius: 70px;
-webkit-border-bottom-left-radius: 70px;
-moz-border-radius-topright: 70px;
-moz-border-radius-bottomleft: 70px;
border-top-right-radius: 70px;
border-bottom-left-radius: 70px;
width:500px;
heigth: 70px;
background: none repeat scroll 0% 0% #F7F7F7;
}

.textefiche{
FONT style=FONT-WEIGHT: normal;
FONT-SIZE: 25pt;
LINE-HEIGHT: 40pt;
COLOR:#444444; 
FONT-FAMILY: Georgia;
LETTER-SPACING: -2px;
}

.titrefiche{
FONT style=FONT-WEIGHT: normal;
FONT-SIZE: 20pt;
LINE-HEIGHT: 20pt;
COLOR:#444444; 
FONT-FAMILY: Georgia;
LETTER-SPACING: 4px;
text-align: center;
border-bottom: 1px dashed #5D9890;
}

.textecontenu{
margin-left : 20px;
margin-right: 10px;}

Spoiler:

Spoiler:

Voilà, merci d'avance Smile
MessageSujet: Problème d'affichage   Problème d'affichage EmptyDim 31 Oct 2010, 22:45
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



Problème d'affichage Empty
Bonsoir !

Eh bien le problème est en lien avec la taille de tes catégories et sous catégorie que tu as mit à 750 px donc tu peux soit mettre ce code là en ôtant la partie forumline
Code:

 /* CODES DE BASE */

body{margin-top: 0px;}
.bodyline{padding: 0px;}
body{margin-bottom: 0px;}



body { cursor: crosshair; }
a:hover { cursor: pointer; }

u{border-bottom: 2px solid;
border-color:#1f1f1f;
text-decoration: none;
-moz-border-radius:10px;}

I{border-bottom:none;
color:#1f1f1f;
text-decoration: none
}

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: arial;
line-height: 125%;
background-color: #DFDFDF;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
padding: 10px;}

.code{
font-family: arial;
line-height: 125%;
background-color: #DFDFDF;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
padding: 10px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


.mainmenu{
    color : #5f4037;
        }

a.mainmenu{
    text-decoration: none;
    color : #5f4037;
margin-left: -10px;
margin-right: -10px;
}

a.mainmenu:hover{
    text-decoration:none;
  }

a{font-variant: small-caps;}

 /* MISE EN FORME FORUM */

.profil_contour
{
background-color: #F0F3F3; /*Le fond*/
border: 3px solid #F0F3F3
}

.pseudo {
font-size : 20px;
font-family : times new roman;
text-align: center;
}
.descrip {
    text-align:justify;
    padding-left: 20px;
    padding-right: 10px;
letter-spacing: -1px;
}
.titrescateg{
font-family: georgia, serif;
font-size: 170%;
border-bottom: 1px dashed #5D9890;
text-align: left;
text-transform: uppercase;
}
.entête{
font-family: arial, serif;
font-size: 90%;
text-transform: uppercase;
font-weight: 1500;
color: #F53B63;
text-align: left;
margin-left: 70px;
}
.sousforum{
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
background-color:#DBDEDD;}

.sousfo2{
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
background-color:#DBDEDD;
width: 200px;
font-size: 9px;}

.sousfo3{
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
background-color:#DBDEDD;
width: 463px;
height: 700px;
font-size: 9px;}

.sousfo4{
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
background-color:#ffffff;
width: 350px;
height: 320px;
font-size: 9px;}

.ecriturepa{
font-size: 9px;
text-align: justify;
  padding-left: 20px;
    padding-right: 10px;
}

 /* INFOBULLE */

a.info-pa {
  position: relative;
}

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

}
a.info-pa: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: 5px solid #DBDEDD;
  border-left: 5px solid #DBDEDD;
-moz-border-radius: 5px;
}

 /* FICHE DE PRESENTATION */

.margepresentation{
margin-left : 20px;
margin-right: 10px}

.fondfiche{
-webkit-border-top-right-radius: 70px;
-webkit-border-bottom-left-radius: 70px;
-moz-border-radius-topright: 70px;
-moz-border-radius-bottomleft: 70px;
border-top-right-radius: 70px;
border-bottom-left-radius: 70px;
width:500px;
heigth: 70px;
background: none repeat scroll 0% 0% #F7F7F7;
}

.textefiche{
FONT style=FONT-WEIGHT: normal;
FONT-SIZE: 25pt;
LINE-HEIGHT: 40pt;
COLOR:#444444;
FONT-FAMILY: Georgia;
LETTER-SPACING: -2px;
}

.titrefiche{
FONT style=FONT-WEIGHT: normal;
FONT-SIZE: 20pt;
LINE-HEIGHT: 20pt;
COLOR:#444444;
FONT-FAMILY: Georgia;
LETTER-SPACING: 4px;
text-align: center;
border-bottom: 1px dashed #5D9890;
}

.textecontenu{
margin-left : 20px;
margin-right: 10px;}


ou agrandir la taille de la sorte

Code:

 /* CODES DE BASE */

body{margin-top: 0px;}
.bodyline{padding: 0px;}
body{margin-bottom: 0px;}

.forumline {width: 850px;}

body { cursor: crosshair; }
a:hover { cursor: pointer; }

u{border-bottom: 2px solid;
border-color:#1f1f1f;
text-decoration: none;
-moz-border-radius:10px;}

I{border-bottom:none;
color:#1f1f1f;
text-decoration: none
}

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: arial;
line-height: 125%;
background-color: #DFDFDF;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
padding: 10px;}

.code{
font-family: arial;
line-height: 125%;
background-color: #DFDFDF;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
padding: 10px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


.mainmenu{
    color : #5f4037;
        }

a.mainmenu{
    text-decoration: none;
    color : #5f4037;
margin-left: -10px;
margin-right: -10px;
}

a.mainmenu:hover{
    text-decoration:none;
  }

a{font-variant: small-caps;}

 /* MISE EN FORME FORUM */

.profil_contour
{
background-color: #F0F3F3; /*Le fond*/
border: 3px solid #F0F3F3
}

.pseudo {
font-size : 20px;
font-family : times new roman;
text-align: center;
}
.descrip {
    text-align:justify;
    padding-left: 20px;
    padding-right: 10px;
letter-spacing: -1px;
}
.titrescateg{
font-family: georgia, serif;
font-size: 170%;
border-bottom: 1px dashed #5D9890;
text-align: left;
text-transform: uppercase;
}
.entête{
font-family: arial, serif;
font-size: 90%;
text-transform: uppercase;
font-weight: 1500;
color: #F53B63;
text-align: left;
margin-left: 70px;
}
.sousforum{
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
background-color:#DBDEDD;}

.sousfo2{
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
background-color:#DBDEDD;
width: 200px;
font-size: 9px;}

.sousfo3{
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
background-color:#DBDEDD;
width: 463px;
height: 700px;
font-size: 9px;}

.sousfo4{
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
background-color:#ffffff;
width: 350px;
height: 320px;
font-size: 9px;}

.ecriturepa{
font-size: 9px;
text-align: justify;
  padding-left: 20px;
    padding-right: 10px;
}

 /* INFOBULLE */

a.info-pa {
  position: relative;
}

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

}
a.info-pa: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: 5px solid #DBDEDD;
  border-left: 5px solid #DBDEDD;
-moz-border-radius: 5px;
}

 /* FICHE DE PRESENTATION */

.margepresentation{
margin-left : 20px;
margin-right: 10px}

.fondfiche{
-webkit-border-top-right-radius: 70px;
-webkit-border-bottom-left-radius: 70px;
-moz-border-radius-topright: 70px;
-moz-border-radius-bottomleft: 70px;
border-top-right-radius: 70px;
border-bottom-left-radius: 70px;
width:500px;
heigth: 70px;
background: none repeat scroll 0% 0% #F7F7F7;
}

.textefiche{
FONT style=FONT-WEIGHT: normal;
FONT-SIZE: 25pt;
LINE-HEIGHT: 40pt;
COLOR:#444444;
FONT-FAMILY: Georgia;
LETTER-SPACING: -2px;
}

.titrefiche{
FONT style=FONT-WEIGHT: normal;
FONT-SIZE: 20pt;
LINE-HEIGHT: 20pt;
COLOR:#444444;
FONT-FAMILY: Georgia;
LETTER-SPACING: 4px;
text-align: center;
border-bottom: 1px dashed #5D9890;
}

.textecontenu{
margin-left : 20px;
margin-right: 10px;}

MessageSujet: Re: Problème d'affichage   Problème d'affichage EmptyLun 01 Nov 2010, 00:24
Revenir en haut Aller en bas
lola1215
lola1215
{ Membre }
{ Membre }

Féminin Messages : 53



Problème d'affichage Empty
Ca me fait ça avec le deuxième code, parce qu'avec le premier, ça ne faisait rien du tout:

Spoiler:

Bon... J'ai essayé un truc, et il s'avère que ça fonctionne.
En fait, ce sont les images qui sont trop larges, donc je les ais réduites, et le forum est revenu à sa place d'origine, je suis contente dans un sens, mais dans l'autre pas, parce que ça me fait toujours un bug. Enfin Smile C'est résolu comme ça, maintenant, si on sait toucher à quelque chose pour que ça ne le fasse plus, ce serait génial m'enfin ^^'
MessageSujet: Re: Problème d'affichage   Problème d'affichage EmptyLun 01 Nov 2010, 06:44
Revenir en haut Aller en bas
Druyk
Druyk
{ Membre actif }
{ Membre actif }

Masculin Messages : 339



Problème d'affichage Empty
Vu que le probléme est résolu, je déplace le sujet Smile
La prochaine fois, n'oublie pas de cocher l'icône Problème d'affichage Resolu3
MessageSujet: Re: Problème d'affichage   Problème d'affichage EmptyDim 07 Nov 2010, 04:46
Revenir en haut Aller en bas
Contenu sponsorisé




Problème d'affichage Empty
MessageSujet: Re: Problème d'affichage   Problème d'affichage Empty
Revenir en haut Aller en bas
 

Problème d'affichage

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

 Sujets similaires

-
» petit probleme avec mon QEEl :S [Probleme CLOS]
» problème couleur texte + un autre problème de ... "thème".
» Problème de code ou problème venant de moi ^^
» Problème d'affichage [PROBLÈME RÉSOLU]
» Problème

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 | Forum gratuit