Texte surperposé sur Avatar

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

Résolu Texte surperposé sur Avatar

Message par tutox le Lun 24 Juin 2013 - 17:42

Bonjour je suis sur une version invision et j'ai mon texte qui superpose un avatar, comment faire pour créer une marge.
Ensuite je vous joint un screen ci dessous.

problème1 le texte qui superpose

problème2 pas de marge




Ensuite voilà la feuille CSS


Code:
body{
background-position: top center;
background-repeat: no repeat;
}
#ipbwrapper{
margin-top: 0px;
margin-bottom: 0px;
}

div#logostrip{
background-color: transparent;
background-image: url('http://img15.hostingpics.net/pics/437850tutoxbanniere2.png');
width: 1200px;
height: 483px;
margin-top: -5px;
margin-bottom: 52px;
}

#submenu ul li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
#submenu{
background-color: transparent;
margin: 0px;
padding: 0px;
padding-left: 0px;
margin-top: -100px;
margin-bottom: -21px;
/position: absolute;
/margin-left: 183px;
}

#userlinks{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/corpsh10.png');
padding: 40px 60px 60px 60px;
border-bottom: none;
}

#userlinks.not-connected{
background-color: transparent!important;
border-bottom: 0px;
}
#fa_ticker_block{
background-color: transparent !important;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/corpsc10.png');
min-height: 1px;
background-repeat: repeat-y;
border: none;
padding: 5px 64px 5px 64px;
margin-top : 0px !important;
margin-bottom : 100px !important;
}
#fa_ticker_container{
padding: 2px;
}

#fa_ticker{
background-image: none !important;
}

div.newslink{
background-color: transparent;
}
#outer-wrapper{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/corpsc10.png');
padding:10px;
margin: 0px;
min-height: 25px;
}

#wrapper{
margin: 0px 64px;
}

#gfooter{
background-color: transparent;
background-image: url('http://img15.hostingpics.net/pics/263616footer12.png');
background-repeat: no-repeat;
width:1200px;
height:162px;
margin: 0px;
padding: 0px;
/margin-top: 0px;
margin-bottom: -15px;
}


.current-time{
margin-right: 80px;
padding-top:  16px;
}

#qjump{
padding-left: 80px;
padding-top: 16px;
}

#gfooter
.footer-links{
float: left;
padding-left: 10px;
padding-top: 0px;
font-size : 1.0em;
}


#gfooter a{
color: #99ab57 !important;
}
#gfooter a:hover{
color: #ffffff !important;
}
.row1{
background-color: #d2d2ba;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
border: 2px solid #ffffff;
}

.row2{
background-color: #d2d2ba;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
border: 2px solid #ffffff;
}
table.ipbtable tfoot td{
background-color: transparent;
background-image: url('');
padding: 0px;
height: 20px!important;
width: 1076px;
background-repeat: repeat;
border: none none !important;
}

.box-content{
border-bottom: 0px;
}

table.ipbtable .last{
border-right: 0px solid #000000 !important;
}

div.borderwrap{
padding: 0px;
margin: 0px;
}

#navstrip li {
float: left;
margin: 0 5px;
padding-left: 18px;
background: url('http://i41.servimg.com/u/f41/16/91/74/39/fleche10.png') no-repeat left 50%;
}
#navstrip li.begin {
padding-left: 18px;
background: url('http://i41.servimg.com/u/f41/16/91/74/39/fleche10.png') no-repeat left 50%;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 53px;
height: 14px;
margin-right: 40px;
margin-top: 8px;
background: url('http://i41.servimg.com/u/f41/16/91/74/39/fleche11.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://i41.servimg.com/u/f41/16/91/74/39/fleche12.png') no-repeat 50% 50%;
}

.popmenubutton a {
background-color: transparent;
color: #fff;
padding: 20px 0px -10px 0px !important;
margin-right: 20px;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/fleche11.png');
border: none !important;
}


.post.popupmenu{
background-color: #000000;
border: 1px solid #000000;
}
.postprofile-head ul li{
background-color: #000000;
border: 1px solid #000000
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
}
.popupmenu li{
background-color: #3a352f;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/fleche10.png');
}
.popupmenu li a{
padding-left: 10px;
}
.popupmenu.last{
background-color: #000000;
}
ul.popmenu li.popmenu-category{
background-color: #000000;
}
.topic-footer{
background-color: transparent;
background-image: url('');
padding: 0px;
height: 45px!important;
width: 1072px;
background-repeat: no-repeat;
border: none none !important;
}

.search-footer-box { display: none; }
#search-box { display: none; }

.post{
background-color: #3a352f;
padding-bottom: 0px;
border: 1px solid #ffffff;
-moz-border-radius:19px;
-webkit-border-radius:19px;
border-radius:19px;
}
.post-footer{
background-position: bottom;
background-repeat: no-repeat;
border: 1px solid #ffffff;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
padding-left: 0px;
margin-top: 0px;
}
table.ipbtable th.starter{
width: 10% ;
}
table.ipbtable th.last-post2{
width: 26%;
border-right: 0px solid #000000;
}

.next-prev{
margin-top: 32px;
}

#profile-advanced-layout{
floatne;
margin: 0px;
padding: 0px;
width: 878px;
}

#profile-advanced-left{
float : none;
margin: 0px;
padding: 0px;
width: 50px;
}

#profile-advanced-right{
float: none;
margin: 0px;
padding: 0px;
margin-bottom: 0px;
width: 750px;
}
#profile-advanced-right .module{
margin-bottom: 0px;
}
.wysiwyg{
background-color: #3a352f;
color: #cccccc;
}
#text_editor_textarea { background-color: #bcbca4; color: #000000;}

.subtitle{
background-image: url('');
border: 0px solid #000000;
}
.ipbform2 dl{
background-color: #bcbca4;
border: 0px solid #000000;
}

.messaging-box{
border: 0px solid #000000;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
}

#smiley-box{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
border: 0px solid #000000;
}

.qreply{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
border: 0px solid #000000;
}

.post.popupmenu{
background-color: #3a352f;
border: 2px solid #cccccc;
}
div.overview{
background-color: #cccccc;
}

#navstrip li a:hover{
color : #cccccc !important;
}

.button, .mainoption{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row210.png');
background-position:bottom;
}


.button:hover, .mainoption:hover{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
border: 1px solid #000000;
background-position: top;
}


button.button2, input.button2 {
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row210.png');
border: 1px solid #000000;
background-position: top;
}


button.button2:hover, input.button2:hover {
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
border: 1px solid #000000;
background-position:bottom;
}

ul.privmsg li {
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row210.png');
border: 1px solid #000000;
background-position: top;
}


ul.privmsg li a {
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row210.png');
background-position: top;
color: #3a352f;
border: 2px solid #000000;
}


ul.privmsg li a:hover{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row210.png');
background-position: top;
}

ul.privmsg li a a:hover{
color: #000000;
border: 1px  solid #000000;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
background-position: top;
}

.posting-options .posting-buttons{
margin-bottom: -7px;
padding-bottom: 20px;
}

.rte-menu-button {
background-color: #cccccc;
border: 1px solid #000000;
}
.exthelp,.rte-menu-button {
background-color: #cccccc;
border: 1px solid #000000;
}
#submenu ul li a{
color: #3a352f;
}
#search_menu .input.post{
color: #fff !important;
}

.photostrip.box-content{
border: 0px solid #000000 !important;
}
table.ipbtable.calendar{
border: 0px solid #000000 !important;
}
.activeusers{
background-color: transparent;
}

div.borderwrap.member-list .box-content{
border: 0px solid #000000;
}

.module .box-content{
background-color: #3a352f;
border: 0px solid #000000;
}
.module .maintitle{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/fondfo10.png');
margin-bottom: 0px;
}
.borderwrap .maintitle h3{
padding-top: 3px;
padding-left: 5px;
}

blockquote{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/fondfo10.png');
background-color: #cccccc;
background-repeat: repeat;
border : 0px  solid #000000;
color : #ffffff;
max-width: 750px;
overflow: auto;
padding: 10px;
 }

  



.post-footer ul.posting-icons, .post-footer ul.misc-icons{
margin-left: 50px;
}

.maintitle.floated h2{
padding-left: 60px;
vertical-align:middle;
}

.maintitle.floated h3{
padding-left: 60px;
}
div.maintitle h3{
text-align: center;
}
.maintitle.floated h2, .maintitle.floated h3, .maintitle.floated div.toggle{
padding-top: 6px;
}
#forummenu-options{
margin-right: 10px;
margin-top: 5px;
margin-bottom: -5px;
}
#topicmenu-options{
margin-right: 10px;
margin-top: 5px;
margin-bottom : -5px;
}
#navstrip li a{
color: #fff;
}

.darkrow{
background-color: transparent;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row210.png');
padding: 0px;
height: 45px!important;
width: 1072px;
background-repeat: no-repeat;
border: none none !important;
}

#gfooter .footer-links{
float: none;
margin-top: 0px;
padding-right: 60px;
color: #000000;
}

.posting-options.topic-options{
width: 100%;
}

#qpost div.maintitle{
background-image: url("");
color: #FFF;
}

#qpost.row2{
background-color: #282828;
border: 1px solid #ffffff;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
}
.qreply{
background-color: #161616;
border: 1px solid #000000;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
}

.posting-options .posting-buttons {
margin-right: 0px;
}


#site-desc { margin: 0px; }

.popmenubutton a.addthis_button {
color: transparent;
}

#topicmenu-options.popmenubutton a {
color: transparent;
}



#i_icon_mini_index{width:101px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/accuei10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/accuei10.png) no-repeat 0 -66px;}

#i_icon_mini_faq{width:68px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/faq10.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/faq10.png) no-repeat 0 -66px;}

#i_icon_mini_search{width:106px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/cherch10.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/cherch10.png) no-repeat 0 -66px;}

#i_icon_mini_members{width:100px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/membre10.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/membre10.png) no-repeat 0 -66px;}

#i_icon_mini_groups{width:93px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/groupe10.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/groupe10.png) no-repeat 0 -66px;}

#i_icon_mini_profile{width:76px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/profil10.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/profil10.png) no-repeat 0 -66px;}

#i_icon_mini_message{width:100px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/messag10.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/messag10.png) no-repeat 0 -66px;}

#i_icon_mini_new_message{width:112px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/1messa10.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/1messa10.png) no-repeat 0 -66px;}

#i_icon_mini_logout{width:131px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/deconn10.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/deconn10.png) no-repeat 0 -66px;}

#i_icon_mini_register{width:134px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/enregi10.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/enregi10.png) no-repeat 0 -66px;}

#i_icon_mini_login{width:119px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/connex10.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/connex10.png) no-repeat 0 -66px;}






.i_remonter{width:115px; height:32px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/remont10.png) no-repeat 0 0;}
.i_remonter:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/remont10.png) no-repeat 0 -32px;}

.i_modifier{width:115px; height:32px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/modifi10.png) no-repeat 0 0;}
.i_modifier:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/modifi10.png) no-repeat 0 -32px;}

.i_citer{width:115px; height:32px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/citer10.png) no-repeat 0 0;}
.i_citer:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/citer10.png) no-repeat 0 -32px;}

.i_effacer{width:115px; height:32px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/efface10.png)no-repeat 0 0;}
.i_effacer:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/efface10.png) no-repeat 0 -32px;}

.i_repondre{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/repond10.png) no-repeat 0 0;}
.i_repondre:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/repond10.png) no-repeat 0 -66px;}

.i_nouveau{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 0;}
.i_nouveau:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 -66px;}





.row1, .row2, .row1Right{
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

td.catBottom, td.catHead, th.thHead, td.thHead, td.thLeft, td.catLeft,td.thRight, td.catRight {
border: 2px solid #3a352f;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

Merci pour vos futurs réponses.
Cordialement
Tutox


Dernière édition par tutox le Lun 24 Juin 2013 - 18:17, édité 3 fois (Raison : Mise en Gras)

tutox
*

Masculin
Messages : 32
Inscrit(e) le : 12/11/2012

http://www.tutoxphotoshop.com
tutox a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte surperposé sur Avatar

Message par AenigmA le Lun 24 Juin 2013 - 17:53

Bonjour, c'est la largeur de ton avatar qui provoque ça, puisqu'ailleurs c'est bon

Si tu gardes cet avatar trop large tout le monde va trouver trop large
.postprofile {
    border-right: 1px solid white;
    float: left;
    margin-left: -18em;
    width: 27em;
}

Si tu le refaits
.postprofile {
    border-right: 1px solid white;
    float: left;
    margin-left: -18em;
    width: 18em;
}

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte surperposé sur Avatar

Message par tutox le Lun 24 Juin 2013 - 18:06

ok je vais voir cela, en attendant merci

tutox
*

Masculin
Messages : 32
Inscrit(e) le : 12/11/2012

http://www.tutoxphotoshop.com
tutox 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