Marge de la bannière, pitié ...

[Astraementalo]

Bonjour à vous tous !
Alors voilà, je vous explique le problème, comme le dit si bien le titre, c'est un problème de marge (droite et gauche) entre la bannière du forum et le cadre du forum, enfin, je crois... J'ai déjà tenté pas mal de solutions, mais sans savoir d'où vient le problème, j'avoue que j'ai dû mal à comprendre. Voici le lien du forum en question : http://likeaphoenix.forumactif.org/ si quelqu'un à une solution miracle à mon problème, je lui en serais éternellement reconnaissante je crois...
Ah, et sinon, les templates sont modifiés, le css aussi, et le forum est en phpbb2...
Merci d'avance à ceux qui se porteront sur le problème !

[Astraementalo]

Up ! é_è  

[Brandys]

Bonjour,

Je ne vois pas de souci sur ton forum. Tu veux que ton image soit collée des 2 cotés au cadre? (les bandes rouges?) Peux-tu être plus explicite stp?

Brandys

[Astraementalo]

Déjà, merci de se pencher sur la question ! Alors, pour être vraiment plus claire, voilà une image :

Spoiler:

Je souhaite que ces marges là disparaissent, en effet, donc que le logo soit collé aux bandes oranges.

J'espère que c'est plus clair !

[Invité]

Salut Astraementalo,

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


As tu cette class?

Code:

#i_logo

a++

[Astraementalo]

Bonsoir !
Alors, oui, en effet, dans ce qui pourrait concerner directement ce problème de marge, j'ai même tout ça :

Code:

.bodyline {
background-image:url('http://img15.hostingpics.net/pics/858554blacklozenge.png');
padding-left:0px;
padding-right:0px;
padding-top:0px;
border-right:3px solid #7a2f07;
border-left:3px solid #7a2f07;
border-radius:0px 0px 0px 0px;
}

#i_logo {
margin-top:0px;}
 
.forumline {
padding:-2px;
margin:auto;
width:100%;}

#wrap,#logo,.headerbar  { padding: 0px; }
.headerbar span.corners-top { display: none; }

Est-ce que le fait que la bannière soit aléatoire et prenne en compte du Javascript change quelque chose ? Peut-être que ça vient de là... Enfin, je sais pas... Merci encore !

[Invité]

Re,

je n'arrive pas a trouver pourquoi tu as une marge de chaque côté.

Tu peux donner le javascript ici stp  
En attendant , on peut contourner le problème en modifiant
cette class et ajouter un width a 725px:

Code:


#i_logo
{
margin-top:0px;
width:725px;
}


a++

[Brandys]

On peut peut-être voir en rajoutant un margin-left:0; margin-right:0; juste à la suite du margin-top:0;

Code:

#i_logo {
margin-top:0px;
margin-left:0;
margin-right:0;
}

Tu peux également tout réduire pour écrire comme ceci

Code:

#i_logo{
margin:0;
}

[Astraementalo]

Alors, la solution avec le width a quasiment fonctionné, faudrait que je vois à bidouiller pour éviter les 2 ou 3px qui servent encore de marge mais déjà un grand merci !

Et voici comme convenu le javascript :

Code:

$(function() {
 
 var a = ["http://img11.hostingpics.net/pics/397622Charlize.png", "http://img11.hostingpics.net/pics/490565Cole.png", "http://img11.hostingpics.net/pics/411004Jared.png", "http://img11.hostingpics.net/pics/484320Jim.png", "http://img11.hostingpics.net/pics/729621Kirsten.png", "http://img11.hostingpics.net/pics/120208Zooey.png"];
 
 $("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)])
 
});

EDIT : Brandys, essayer de supprimer les marges de cette façon j'ai déjà essayé et ça n'a pas fonctionné...

[Invité]

Re,
bon le Javascript n'attribue rien de spécial à part les images  .

Pour le reste augmente la valeur progressivement par exemple:
730px   .
a++

[Astraementalo]

Merci beaucoup ! Très rapide et efficace, c'est génial *-*

Je m'empresse d'aller noter le sujet en résolu, merci encore de votre aide !