Image longue

[carousse]

Bonjour

Je pose encore une fois la même question car je reprend le même code et sa ne marche plus. Pour un autre forum, j'essaye que ma bannière touche sur les cotés comme sur mon autre forum http://hominum-revelio.harrypotterrpg.fr/ mais ceci ne marche pas sur mon forum

http://testcarousse.fr-bb.com/

J'ai mis le CSS suivant ;

Code:

/* cadre large */
.bodyline {
border: 6px solid #C5A67B;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}

.spoiler {
background-color : #C5A67B ;
border : XXpx solid #C5A67B ;
-moz-border-radius: XXpx XXpx XXpx XXpx }

 /*Qui est en ligne */
.tableauqueel{
background-color : #F7F2F0;
border : solid Xpx #F7F2F0 ;
-moz-border-radius : Xpx Xpx Xpx Xpx}

.partiedroite {
font-size : 12px ;
border-left : Xpx dotted #D5C8C8;
padding-left : 10px }


.groupes{
background-color:#COLOR ;
border: 1px color #COLOR  ;
-moz-border-radius : Xpx XpxXpxXpx;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #998C8C  ;
text-decoration: none !important;
}
/* ********** QUI EST EN LIGNE *********** */

    .statistiques{
    border:0px;
    background-repeat: no-repeat;
    background-position: left;
    height:270px;}

    .groupes{
    background-color:#;border: 0px #D0D0D0 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}


.forumline {-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
padding: 1px;
}



a {
font-variant: small-caps;
text-decoration: none!important;
}

a:hover {
text-decoration: none!important;
}
/*------------------------------PA-------------------------------*/

.titre_pa
{
padding: 5px;
font-size: 15px;
color : #A98E6B;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
background-color: #E0D0BE;
text-align: center;
display: bloc;
}

.corps_pa
{
padding: 10px;
color: A98E6B;
}

.fond_pa
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/* INFOBULLES */

div.imginfo { 
  position: relative;
  text-decoration: none;
}

div.imginfo {
  position: relative;
  text-decoration: none;
}

div.imginfo span {
  display: none; /* on masque l'infobulle */
}

div.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}

div.imginfo:hover span {
 display: inline; /* on 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: 30px; /* on positionne notre infobulle */
  left: 20px;
background-color: #738678;
color: #ffffff;
  padding: 3px;
  border: 1px solid #fff;
}


/*--------------------------------avatar------------------------------*/

#avatar_posteur img {
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;}

#profil_champs {
background:#000000;
padding: 80px 10px 40px 10px;
margin-top:-80px;
-webkit-border-radius:0 0 50px 50px;
-moz-border-radius:0 0 50px 50px;
border-radius:0 0 50px 50px}
#avatar_posteur img {margin-left:15px;margin-right:15px;}
#profil_champs {margin-left:15px;margin-right:15px;}
#poster_name {
font-size:15px; /* taille de la police (en pixels) */
font-family:Georgia; /* police d’écriture utilisée */
text-align:center; /* centrage du texte */}
#online_img {position:absolute; margin-top:**px; margin-left:**px;}
#online_img {position:absolute; margin-left:-80px;margin-top:100px}


/*--------------chat-----------------------------------*/

body.chatbox {
    background-color: #FFFFFF;
    background-image: none;
}


/*------------------ bann touche les bord --------------*/

#i_logo {-webkit-border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;}
.bodylinewidth {width: 800px;}

Je me suis dis c'est peut être quelques chose qui fait interférence

Les topic de la dernière fois sont :

https://forum.forumactif.com/t342362-image-mettre-le-long
https://forum.forumactif.com/t342055-mettre-l-image-le-long

Merci d'avance


Carousse

[carousse]

up

[Anzu]

Bonsoir,

Ici:

Code:

.bodyline {
border: 6px solid #C5A67B;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}

Ajoutez =>

Code:

padding: 0px;

Cordialement.

[carousse]

Hello,

Heu alors ça l'étend mais cela m’enlève ce qui faisait que ça mettait ma bannière avec les angles arrondi.

Et cela me la colle pas en hauteur

Merci de toute tes réponse Anzu ^^

[Anzu]

Pour les angles arrondis, il n'y en avait pas (que ce soit sur la bannière ou ailleurs), à moins que j'ai perdu la boule

Et quand vous dites "la bannière n'est pas collée en hauteur", ce n'est pas non plus le cas ici: http://hominum-revelio.harrypotterrpg.fr/
Vous n'aviez pas demandé

Il suffit de rajouter un margin de 0px dans le body (attention pas le bodyline).

Code:

margin: 0px:

ou si vous n'en avez pas=>

Code:

body {
margin: 0px;
}

Concernant le code donné plus haut, il n'y a pas d'autres moyens pour "coller" le tout.

Cordialement.

[carousse]

Heu j'ai refais tout mon truc ça marche avec l'ajout de ton code je sais pas ce que j'ai fait au départ.

Enfin problème résolue.

Merci Anzu