Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Dim 20 Juin 2021 - 6:49

2 résultats trouvés pour 1F1F1F

Firefox / Chrome : Espacement différent sur la barre de navigation

Pour que ça fonctionne mieux, il faudrait enlever la table, et mettre directement les liens dans la div .navigation.

Pour les catégories, je dirais que c'est normal, puisque la div de background noire n'est pas la div qui entoure les titres... Vous avez mis un border-top de 35px pour avoir un fond noir alors que vous auriez pu juste mettre un background noir directement sur la div ...

Je regarde votre code et je trouve qu'il y a des choses vraiment étranges qui ne devraient pas être là. Par exemple, pourquoi avez-vous mis le float:left sur la classe forum, alors que vous avez un block parent pour positionner les blocs des catégories ? C'est illogique, et ça ne m'étonne pas que ça bugg au niveau de l'affichage...

Donc déjà je vous propose quelques améliorations, qui vous permettront de pouvoir coder sans soucis :
Vous enlevez tout ce que je raye, et vous ajoutez tout ce qui est en gras :

Dans la CSS :

.forum_bloc {
float: left;
margin: 0 5px 10px;
margin-top: 8px;
width: 800px;
}

.forum {
float: left;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
width: 390px;
}

.forum_contenu {
background: #cbcbcb none repeat scroll 0 0;
height: 65%;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
padding: 4px;
position: relative;
width: 98%;
z-index: 1;
}

.barre_noire {
border-top: 35px solid #1f1f1f;
}



.cate_titre {
clear: both;
color: #fff!important;
height: 31px;
line-height: 36px;
margin-top: 35px;
text-align: center;
text-transform: uppercase;
background: black;
}

.cate_titre h2 {
color: #fff !important;
font-size: 20px;
margin: 0;
}



Dans le template :

<div class="barre_noire"></div>

<div class="cate_titre">
<br>
<h2>1ère catégorie</h2>
</div>



Et vous aurez exactement le même rendu que celui que vous aviez, sauf qu'il fonctionne à la fois sur Firefox et Chrome, et il sera sans bugg.
par Lixyr
le Dim 10 Avr 2016 - 11:20
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Firefox / Chrome : Espacement différent sur la barre de navigation
Réponses: 7
Vues: 1245

PRoblème avec le html dans les messages

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 2015/01/09
Lien du forum : http://lonney-t-pub.monfofo.net/

Description du problème

Bonjour à vous. Mon problème ne vient pas d'un code HTML ou de BBCODe, mais bien tu fais que je puisse pas en installer sur mon forum. J'ai pourtant bien coché les cases autoriser HTML et BBCODe dans le Panneau d'Admin, dans Générale, message et ensuite configuration. J'ai aussi coché dans mon profil d'utilisateur, mais je n'arrive toujours pas à mettre des codes. Des codes dans ce style la:

Spoiler:
<center><table><tr>
<td><div style="width: 425px; height: 740px; background-color: #414141; text-align: justify; font-size: 9px; color: #EFEFEF;"><img src="http://data3.whicdn.com/images/132953543/large.gif" style="width:100%;">
<div style="font-family: 'Megrim', cursive; font-size: 35px; color: #C8BCA4; text-align: center;">Naruto # L'histoire d'un rêve</div>
<div style="padding: 25px; width: 400px; height: 300px; overflow: auto;"><b>Contexte</b> • Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem. haec similiaque memorabile nihil vel serium agi Romae permittunt. ergo redeundum ad textum.
Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.

Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem. haec similiaque memorabile nihil vel serium agi Romae permittunt. ergo redeundum ad textum.
Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia. Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem. haec similiaque memorabile nihil vel serium agi Romae permittunt. ergo redeundum ad textum.
Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.

Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem. haec similiaque memorabile nihil vel serium agi Romae permittunt. ergo redeundum ad textum.
Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.

Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem. haec similiaque memorabile nihil vel serium agi Romae permittunt. ergo redeundum ad textum.
Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia. Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem. haec similiaque memorabile nihil vel serium agi Romae permittunt. ergo redeundum ad textum.
Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.</div>

<div style="font-family: 'Megrim', cursive; font-size: 30px; color: #92D764; text-align: center; font-weight: bold;">Prend tes rêves et rejoins-nous !</div></div></td>
<td><div style="width: 150px; height: 690px; position: relative; left: -5px; padding: 25px; background-color: #92D764; font-size: 10px; color: #3C3C3C;"><div style="font-family: 'Megrim', cursive; font-size: 25px; color: #1F1F1F; text-align: center;">Liens pratiques</div>
Le règlement <a href="#" style="color: #40731E !important; text-decoration: none !important;">www</a>
Présentation des groupes <a href="#" style="color: #40731E !important; text-decoration: none !important;">www</a>
Explications <a href="#" style="color: #40731E !important; text-decoration: none !important;">www</a>
Prédéfinis <a href="#" style="color: #40731E !important; text-decoration: none !important;">www</a>
La FAQ <a href="#" style="color: #40731E !important; text-decoration: none !important;">www</a>

<img src="https://nsa33.casimages.com/img/2014/04/21/140421122512269101.gif" style="width: 145px;">

<img src="https://i.servimg.com/u/f57/13/19/42/58/i_icon10.gif"> Avatars <span style="color: #40731E;"><b>mangas</b></span>
<img src="https://i.servimg.com/u/f57/13/19/42/58/i_icon10.gif"> Se déroule <span style="color: #40731E;"><b>au début du manga</b></span>
<img src="https://i.servimg.com/u/f57/13/19/42/58/i_icon10.gif"> Ambiance <span style="color: #40731E;"><b>excellente</b></span>



<div style="font-family: 'Megrim', cursive; font-size: 25px; color: #1F1F1F; text-align: center;">En cas de besoin, je contacte ...</div>
<center><img src="http://data1.whicdn.com/images/107926450/large.gif" style="width: 150px; border: 2px solid white;">
<span style="color: #40731E;"><b>Naruto UZUMAKI</b></span> Genin de Konoha
<a href="#" style="color: #40731E !important; text-decoration: none !important;">MP</a> ★ <a href="#" style="color: #40731E !important; text-decoration: none !important;">Profil</a>

<a href="http://www.never-utopia.com" style="color: #40731E !important; text-decoration: none !important; font-size: 9px;">© Halloween</div></center></div></td>
</tr></table></center>
<link href='http://fonts.googleapis.com/css?family=Megrim|Patrick+Hand+SC|Cinzel' rel='stylesheet' type='text/css'>


Alors voilà mon problème. Merci de bien vouloir m'aider.
par Charmed Eternity
le Ven 9 Jan 2015 - 22:39
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: PRoblème avec le html dans les messages
Réponses: 9
Vues: 1548

Revenir en haut

Sauter vers: