CSS qui ne marque pas entièrement

2 participants

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

Résolu CSS qui ne marque pas entièrement

Message par Nyko-neko Lun 17 Sep 2012 - 19:46

bonjour, tout est dans le titre, mon CSS ne marche pas comme il le faut, seule la moitier marche

voici le css(megabienorganiser!!!):

Code:
/*Présentation*/

.titreprez{
height: 20px;
background: url(http://i37.servimg.com/u/f37/17/77/22/02/sans_t14.png);
border-top-left-radius: 16px;
border-top-right-radius: 16px;}
 
.hautvava{
width: 200px;
height: 20px;
background: url(http://i37.servimg.com/u/f37/17/77/22/02/sans_t14.png);
border-top-left-radius: 16px;
border-top-right-radius: 16px;}
 
.vava{
background: grey;
width: 200px;
height: 300px;}
 
.basvava{
width: 200px;
height: 20px;
background: url(http://i37.servimg.com/u/f37/17/77/22/02/sans_t14.png);
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;}
 
.hautinfos{
margin: auto;
width: 350px;
height: 20px;
background: url(http://i37.servimg.com/u/f37/17/77/22/02/sans_t14.png);
border-top-left-radius: 16px;
border-top-right-radius: 16px;}
 
.infos{
padding: 10px;}
 
.basinfos{
margin: auto;
width: 350px;
height: 20px;
background: url(http://i37.servimg.com/u/f37/17/77/22/02/sans_t14.png);
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;}
 
.textprez{
height: scroll barre;
background: grey;}
 
.icons img{
border: 2px solid grey;
border-radius: 50px;
height: 100px;
width: 100px;}
 
 .basprez{
height: 20px;
background: url(http://i37.servimg.com/u/f37/17/77/22/02/sans_t14.png);
border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;}


/*Profil dans les posts*/

#posticon img {
  position:absolute;
  margin-left:-127px;
  margin-top:-22px;}

.postdetails.poster-profile a img
{
-webkit-border-radius: 10px;
border-radius: 50px;
background-image:url("http://i31.servimg.com/u/f31/16/61/99/22/couleu10.png");
padding:2px;}


#avatarpost {
background-image:url("http://i31.servimg.com/u/f31/16/61/99/22/couleu10.png");
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
padding:2px;}





#profilperso {
background-color:#A92F01;
font-size:10px;
padding:2px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
text-align:center;
}

#profilperso .name {font-size: 20px;}



.rang-hidden {visibility: hidden;}

/*Onglets catégories*/

  #conteneur_categories
  {
   
  }

  .categorie
  {
 
  }
 
  #conteneur_onglets
  {
      display: none;
  }
 
  .onglet
  {
      cursor: pointer;
  }


.onglet {
    background-color: #D93C00;
    font-weight: bold
    text-align: center
    A:hover{text-transform:uppercase;}
    color: #000000;
    font-size: 14px;
    height: 40px;
    width: 100px;
}


/*Chat box*/



#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Couloirs de poudlard"; font-size: 18px; color: #000000;}
/*???*/

bloc-tfa {     
    background: #b5c9d9;
    position: relative;
    overflow: hidden;   
    height: 120px;         
    width: 250px;
    margin: 0;
    padding: 0;
    border: 1px solid #7da2bc;   
}
.bloc-tfa  p{
    display: block;
    color: #00305c;         
    height: 120px;
    width: 250px;
    margin: 0;         
    padding: 0;            
}         
.bloc-tfa img{         
    position: absolute;         
    top: 0;         
    left: 0;               
}

/*barre de navigation*/

.navig {
position: absolute;
top: 0px;
width: 100%;
background-color: #8A0700;
border: 3px solid #CB2100;}

/*profil qui se masque*/


.profilmasque{
background: #D93C00;
-moz-border-radius:7px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width:160px;
font-family: georgia,serif;
font-size: 11px;
color:#000000;
}


/*Début - SÉLECTIONNEUR COULEUR*/
.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;
}



/*FIN - SÉLECTIONNEUR COULEUR*/

/*couleur de fond zone de saisie des message*/

textarea {
background-image: url(http://i31.servimg.com/u/f31/16/61/99/22/sans_t39.jpg);
}

/*Tableau*/

.name{
font-size:16px;
letter-spacing:2px;
}
 
.descritp {
border : 1px solid #f28ca2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
 
.nav img {
display : none;
}
 
        .mon_onglet{
          display: block;
          padding: 5px;
          margin: 4px;
          color: #000;
          background: #fff;
          border: 1px solid #000;}
   
        .mon_onglet:hover{
          background: #b8efa1;}
     
        .mon_onglet_selected{
          display: block;
          padding: 5px;
          margin: 4px;
          color: #000;
          background: #fff;
          border: 1px solid #000;}
           
        .clear{
          clear: both;}
   
        .mon_contenu{
          color: #000;
          background: #fff;
          border: 1px solid #000;
          padding: 10px;
          margin: 10 px;
          height: 164px;
          line-height: normal;
          font-size: 11px;}
   
        #mes_contenus, #mes_onglets{
          height: 100%;
          width:100%;}

/* liens qui grossisent*/

a:hover {
  font-size: 1.2em;
}

la partie après le profil qui se masque ne marche pas Q_Q(le profil marche)

si vous voulez mes TP je vous les fournirais merci d'avance


Dernière édition par Nyko-neko le Lun 17 Sep 2012 - 21:23, édité 1 fois
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne marque pas entièrement

Message par Threax Lun 17 Sep 2012 - 21:01

Il aurait suffit de vous relire...
.onglet {
background-color: #D93C00;
font-weight: bold;
text-align: center;
A:hover{text-transform:uppercase;}
color: #000000;
font-size: 14px;
height: 40px;
width: 100px;
}
Threax

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS qui ne marque pas entièrement

Message par Nyko-neko Lun 17 Sep 2012 - 21:22

mille merci^^ tout mes PB sont résolu (je crois) Very Happy
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum