CSS qui ne marque pas entièrement
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
CSS qui ne marque pas entièrement
bonjour, tout est dans le titre, mon CSS ne marche pas comme il le faut, seule la moitier marche
voici le css(megabienorganiser!!!):
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
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
Re: CSS qui ne marque pas entièrement
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;
}
Re: CSS qui ne marque pas entièrement
mille merci^^ tout mes PB sont résolu (je crois)
Sujets similaires
» Personaliser entièrement la FAQ
» P.A pas entièrement accessible.
» Modérateurs non marqué:
» Nom du marque-page
» Forum entièrement sur la gauche
» P.A pas entièrement accessible.
» Modérateurs non marqué:
» Nom du marque-page
» Forum entièrement sur la gauche
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum