Changer la taille de l'intérieur du cadre

[Nearween]

Bonjour,

Oui, à nouveau un problème ^^" Alors voilà, j'ai l'intérieur du cadre du forum qui dépasse en haut et sur les côtés :

Spoiler:

On est d'accord que ce n'est pas du tout esthétique. J'ai essayée de changer la structure des pages, mais sans grand résultat, voir aucune. Comment je pourrais faire ? Il y a t-il un code ? Merci d'avance !

[MlleAlys]

Bonjour,
Je ne comprends pas bien ce que vous souhaiteriez exactement à la place de ce que vous avez actuellement ? L'horloge à l'extérieur du cadre comme ceci ?

[Nearween]

Hey o/

Pardon pour le temps de réponde ^^ (connexion merdique en ce moment '-') En faite, c'est l’intérieure du cadre (ce qui en beige il me semble) que je voudrais réduire Où si ce n'est pas possible, réduire l’espacement qu'il y a entre ce même cadre et la bannière.

[MlleAlys]

ça vient sûrement dem oi, je ne comprends toujours pas, désolée ^^"
Un petit montage/schéma de ce que vous souhaitez pourra certainement m'aider (à moins que quelqu'un d'autre soit plus doué que moi et vous aide avant ! )

[Nearween]

Voilà o/

[MlleAlys]

alors...
Par "réduire" vous voulez dire en largeur ? et/ou supprimer les marges à l'intérieur ?
Je peux vous proposer les modifications suivantes :

- pour réduire la largeur du cadre du forum, allez dans général > forum > configuration, et modifiez la largeur du forum.

- si vous souhaitez supprimer la marge à l'intérieur du cadre du forum, c'est à dire que les tableaux à l'intérieur soient collés aux bords du cadre, localisez dans votre feuille de style css le code suivant :

Code:

.bodyline {
    border-radius: 30px;
    radius: 20px;
}

- supprimez la ligne radius: 20px; qui est erronée
- ajoutez padding: 0; pour supprimer la marge intérieure; ce qui donne :

Code:

.bodyline {
    border-radius: 30px;
    padding: 0;
}

- l'espace entre la bannière visible et le cadre est entre autres due à votre bannière invisible. Vous avez mélangé deux techniques d'affichage de la bannière sur toute la largeur de la page, et je vous conseille les modifications suivantes :
- supprimez l'image de la bannière affichée en fond de page (dans votre css, et il me semble dans le template ou via un javascript également)
- mettez la bannière à la place de la bannière transparente dans la partie gestion des images du forum du panneau d'administration.
- pour que la bannière fasse toute la largeur de la page quelque soit la taille ou la résolution de l'écran, ajoutez dans votre feuille de style le code css suivant :

Code:

#i_logo {
    width: 100%;
}
body {
    padding: 0;
    margin: 0;
}

- La bande verte qui reste sous la bannière est l'espace normalement occupé par le titre et la description du forum. Il est possible de le réduire si vous le souhaitez en modifiant le template associé.

- La bande beige qui reste en haut du cadre du forum est due à votre horloge de navigation : je vous conseille de localisez dans votre feuille de style css le code suivant :

Code:

.nav_bloc {
    background-image: url(http://img15.hostingpics.net/pics/909229montre2.png);
    display: block;
    height: 300px;
    margin-left: 30px;
    margin-top: -190px;
    position: relative;
    width: 300px;
}

- et de supprimer les marges afin de voir sa position réelle (et parce que positionner avec des marges, surtout des négatives, ce n'est jamais conseillé !), ce qui donne :

Code:

.nav_bloc {
    background-image: url(http://img15.hostingpics.net/pics/909229montre2.png);
    display: block;
    height: 300px;
    position: relative;
    width: 300px;
}

- Si ce n'est pas de cette façon que vous souhaitez afficher votre horloge, alors il faudrait savoir la façon dont vous l'avez installée, et surtout l'endroit exact où vous souhaiteriez l'avoir, afin que je puisse vous y aider si besoin ^^

[Nearween]

Merci pour cet explicatif o/ Je m'en vais de ce pas essayer tout ça :3

[Nearween]

Désolé du double poste, c'est pour prévenir que tout es bon maintenant :33 merkii o/