Problème de structure de page

[Alika]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Impossible de changer la grandeur de la structure du forum
Lien du forum : http://mysteresdelavie.forum-canada.com/

Description du problème

Bonjour, bien voilà presque 3 jours que je creuse ici et là pour régler ce problème, ainsi, j'ai changé la longueur de mes titres et de mon logo de la page principale croyant être le problème mais rien à faire.

Si je vais dans mes sous-forum pas de problème j'ai la grandeur voulu mais dès que je reviens sur la page principale la structure redevient plus grande.

Merci de bien vouloir m'aider

[◦Jay◦]

Bonjour Alika, essayez avec ceci dans votre CSS :

Code:

a.forumlink img{width:100%;}

Bien à vous.

[Alika]

Bonjour Jay, peut-être je m suis mal expliquer en fait je n'arrive pas à avoir 85% dans la structure de la page d'accueil comme dans mes sous-forum.

[Miettes]

Coucou

C'est à cause des images de titre de tes forums : elles sont trop large. Pour régler le problème sur l'index, ajoute cette CSS :

Code:

.forumline .hierarchy .forumlink img {
    display: block;
    width: 100%;
}

[Alika]

coucou Miettes,

cela ne fonctionne toujours pas et j'ai installé une de mes titres ( ils sont tous de même grandeur ) sur mon forum text hier et ça fonctionne très bien

[Miettes]

Tu pourrais me donner ton code css complet stp ?

[Alika]

voici

[Miettes]

ah oui :/ Tout est faux Il ne faut pas les chiffres avant

Tu pourrais la copier/coller ici ? Je regarderai demain pour te remettre au propre

[Alika]

Bien j'ai essayé d'enlever les chiffres et puis c'était la catastrophe sur mon forum donc je vais plutôt attendre

bonne soirée

[Miettes]

Coucou

Le truc c'est qu'en l'état, ta CSS n'a aucune utilité puisque le navigateur ne l'a comprend pas Tu as bien enlever les chiffres uniquement en début de ligne ?

Si tu veux, on peut regarder ensemble pour remettre ton forum sur pied avec une CSS correcte

[Alika]

oui j'avais enlever les chiffres comme tu me l'avais indiqué et puis j'ai retrouvé les titres de mes catégories immense, là catastrophe quoi mais bon oui je veux bien de ton aide car pour ce domaine je suis vraiment nul

merci c'est gentil

[Miettes]

Coucou

Tu avais bien ça dans ta CSS ?

Code:

a.forumlink {
    vertical-align: middle
}
.forumlink {
    position: relative;
    top: 8px
}
.hierarchy + .genmed + .genmall {
    text-align: center
}
login_popup table.forumline td.row1 {
    background-color: #78B3DB
}
#fa_thanks_message img {
    vertical-align: middle
}
#fa_thanks_message {
    10padding: 6px;
    11margin: 6px;
    3color: #280;
    4font-size: 16px;
    5font-weight: bold;
    6text-align: center;
    7background-color: #DFD;
    8border: 1px solid #BDB;
    9border-radius: 6px
}
a.forumlink img {
    width: 100%
}
.forumline .hierarchy .forumlink img {
    2display: block;
    3width: 100%
}

Attention quand tu copies colles ce code :
1) Clique sur cet icone :

2) Fais un CTRL + C

3) dans la feuille de style de ton forum, fais un CTRL + V

(ça évitera de reprendre les numéros ^^)

[Alika]

Merci beaucoup tu es géniale

maintenant si je ne peux atteindre mon 85 % pour ma structure c'est à cause d'une image trop grande sur l'accueil ?

[Miettes]

Oh il y a encore des erreurs (je ne les avais pas vu). Voici la CSS complètement corrigée

Code:

a.forumlink {
    vertical-align: middle
}
.forumlink {
    position: relative;
    top: 8px
}
.hierarchy + .genmed + .genmall {
    text-align: center
}
login_popup table.forumline td.row1 {
    background-color: #78B3DB
}
#fa_thanks_message img {
    vertical-align: middle
}
#fa_thanks_message {
    padding: 6px;
    margin: 6px;
    color: #280;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #DFD;
    border: 1px solid #BDB;
    border-radius: 6px
}
a.forumlink img {
    width: 100%
}
.forumline .hierarchy .forumlink img {
    display: block;
    width: 100%
}

ça devrait régler tous tes problèmes

[Alika]

non ça ne se règle pas
ce qui est bizarre c'est que lorsque je vais dans mes sous-forum c'est ok mais si je reviens sur la page d'accueil
mais bon tu sais je suis en train de voir pour changer de thème donc du même coup tout réduire, peut être à ce moment là cela sera ok

Un énorme merci pour ta patience et ton travail Miettes

[Miettes]

Tu as mal fait le copier coller non ? Tu as bien fait ça pour récupérer le dernier code ?

1) Clique sur cet icone :

2) Fais un CTRL + C

3) dans la feuille de style de ton forum, fais un CTRL + V

(ça évitera de reprendre les numéros ^^)

[Alika]

oui absolument et je trouve ce truc super

[Miettes]

Pourtant, quand je regarde ton code css, je vois ça :

Code:

1.a.forumlink {
    2vertical-align: middle 3
}
4..forumlink {
    5position: relative;
    6top: 8px 7
}
8..hierarchy + .genmed + .genmall {
    9text-align: center 10
}
11.login_popup table.forumline td.row1 {
    12background-color: #78B3DB 13
}
14.#fa_thanks_message img {
    15vertical-align: middle 16
}
17.#fa_thanks_message {
    1810padding: 6px;
    1911margin: 6px;
    203color: #280;
    214font-size: 16px;
    225font-weight: bold;
    236text-align: center;
    247background-color: #DFD;
    258border: 1px solid #BDB;
    269border-radius: 6px 27
}
28.a.forumlink img {
    29width: 100% 30
}
31..forumline .hierarchy .forumlink img {
    322display: block;
    333width: 100% 34
}

Tu vois, il y a des chiffres un peu partout :/ Voilà pourquoi je te demande si le copier/coller est bien fait

[Alika]

oui je viens d'aller voir et j'avoue ne rien comprendre car j'ai fait exactement à la lettre my goddd mais je n'ai qu'a enlever les chiffres de 1 à 34 ?

[Miettes]

Bah oui, c'est étrange hein :/

Et si on essaie avec un copier coller du code que je ne mets pas entre les balises ? (quand on est désespéré, on essaie tout ^^)


---------------

a.forumlink {
vertical-align: middle;
}
.forumlink {
position: relative;
top: 8px;
}
.hierarchy + .genmed + .genmall {
text-align: center;
}
login_popup table.forumline td.row1 {
background-color: #78B3DB;
}
#fa_thanks_message img {
vertical-align: middle;
}
#fa_thanks_message {
padding: 6px;
margin: 6px;
color: #280;
font-size: 16px;
font-weight: bold;
text-align: center;
background-color: #DFD;
border: 1px solid #BDB;
border-radius: 6px;
}
a.forumlink img {
width: 100%;
}
.forumline .hierarchy .forumlink img {
display: block;
width: 100%;
}

[Alika]

ça fonctionne sauf regarde la capture sur les titres

[Miettes]

Ok je vois

Ici :

Code:

.forumline .hierarchy .forumlink img {
display: block;
width: 100%;
}

On va remplacer le "width" par "max-width" ce qui donne :

.forumline .hierarchy .forumlink img {
display: block;
max-width: 100%;
}

[Alika]

ça fonctionne pas la capture toujours la même

[Miettes]

Zioup là

Voilà le bon code :

.forumline .hierarchy .forumlink img {
display: block;
max-width: 100%;
width: inherit;
}

(il y avait un conflit ailleurs ^^)

[Alika]

c'est ok pour les titres mais ma page d'accueil est revenu comme avant

[Miettes]

C'est à dire ?

Pour moi tout à l'air ok

[Alika]

Ma page d'accueil ne peux pas atteindre 85 % comme mes sous-forum donc j'imagine que la cause serait mon logo en haut de la page ?

[Miettes]

On parle bien de cette page ? :


Elle fait bien 85%

---

En revanche, celle-ci :


non et c'est à cause de la liste déroulante "sauter vers"

On va donc corriger ça avec cette CSS :

.three-col form[name="jumpbox"] select[name="selected_id"]{
display: inline-block;
width: 60%;
}


(on va finir par y arriver ^^)

[Alika]

j'ai ajouté et lorsque je clique sur la page on voit bien qu'elle veut se mettre en 85 % mais elle revient de suite c'est comme s'il y avait un empêchement

[Miettes]

Tu peux me donner le lien de la page ?