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

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

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

Message par Astraementalo le Lun 30 Sep 2013 - 22:37

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 !


Dernière édition par Astraementalo le Mer 2 Oct 2013 - 19:43, édité 1 fois

Astraementalo
Nouveau membre

Messages : 12
Inscrit(e) le : 30/09/2013

http://likeaphoenix.forumactif.org/
Astraementalo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge de la bannière, pitié ...

Message par Astraementalo le Mer 2 Oct 2013 - 14:27

Up ! é_è Embarassed 

Astraementalo
Nouveau membre

Messages : 12
Inscrit(e) le : 30/09/2013

http://likeaphoenix.forumactif.org/
Astraementalo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge de la bannière, pitié ...

Message par Brandys le Mer 2 Oct 2013 - 15:10

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

Brandys
*

Masculin
Messages : 30
Inscrit(e) le : 11/07/2010

Brandys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge de la bannière, pitié ...

Message par Astraementalo le Mer 2 Oct 2013 - 17:55

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 !

Astraementalo
Nouveau membre

Messages : 12
Inscrit(e) le : 30/09/2013

http://likeaphoenix.forumactif.org/
Astraementalo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge de la bannière, pitié ...

Message par Milouze14 le Mer 2 Oct 2013 - 19:18

Salut Astraementalo,

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


As tu cette class?
Code:
#i_logo

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4569
Inscrit(e) le : 18/04/2005

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

Résolu Re: Marge de la bannière, pitié ...

Message par Astraementalo le Mer 2 Oct 2013 - 19:23

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 !

Astraementalo
Nouveau membre

Messages : 12
Inscrit(e) le : 30/09/2013

http://likeaphoenix.forumactif.org/
Astraementalo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge de la bannière, pitié ...

Message par Milouze14 le Mer 2 Oct 2013 - 19:28

Re,

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

Tu peux donner le javascript ici stp Wink 
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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4569
Inscrit(e) le : 18/04/2005

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

Résolu Re: Marge de la bannière, pitié ...

Message par Brandys le Mer 2 Oct 2013 - 19:31

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;
}

Brandys
*

Masculin
Messages : 30
Inscrit(e) le : 11/07/2010

Brandys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge de la bannière, pitié ...

Message par Astraementalo le Mer 2 Oct 2013 - 19:32

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

Astraementalo
Nouveau membre

Messages : 12
Inscrit(e) le : 30/09/2013

http://likeaphoenix.forumactif.org/
Astraementalo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge de la bannière, pitié ...

Message par Milouze14 le Mer 2 Oct 2013 - 19:39

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

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4569
Inscrit(e) le : 18/04/2005

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

Résolu Re: Marge de la bannière, pitié ...

Message par Astraementalo le Mer 2 Oct 2013 - 19:43

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 !

Astraementalo
Nouveau membre

Messages : 12
Inscrit(e) le : 30/09/2013

http://likeaphoenix.forumactif.org/
Astraementalo 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