Image longue

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

Résolu Image longue

Message par carousse le Jeu 24 Jan 2013 - 11: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 :

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

Merci d'avance


Carousse


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

carousse
*****

Messages : 809
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 le Sam 26 Jan 2013 - 19:28

up

carousse
*****

Messages : 809
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 le Sam 26 Jan 2013 - 22:01


Bonsoir,

Ici:

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

Ajoutez =>

Code:
padding: 0px;

Cordialement.

Anzu
+ Hyperactif +

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

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

Résolu Re: Image longue

Message par carousse le Sam 26 Jan 2013 - 22: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
*****

Messages : 809
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 le Dim 27 Jan 2013 - 9: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
+ Hyperactif +

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

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

Résolu Re: Image longue

Message par carousse le Dim 27 Jan 2013 - 12: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
*****

Messages : 809
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


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