Image longue

2 participants

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

Résolu Image longue

Message par carousse Jeu 24 Jan 2013, 05:07

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


Dernière édition par carousse le Dim 27 Jan 2013, 06:06, édité 1 fois
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image longue

Message par carousse Sam 26 Jan 2013, 13:28

up
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Image longue

Message par Anzu Sam 26 Jan 2013, 16:01


Bonsoir,

Ici:

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

Ajoutez =>

Code:
padding: 0px;

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image longue

Message par carousse Sam 26 Jan 2013, 16:38

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 ^^
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image longue

Message par Anzu Dim 27 Jan 2013, 03:27

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 :O:

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é Razz

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.

Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image longue

Message par carousse Dim 27 Jan 2013, 06:05

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

carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse 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