1. IMPORTANT : Nouvelles mesures de sécurité - 2. Règles pour obtenir de l'aide dans les forums de support - 3. Restrictions des droits pour le groupe "Support suspendu"

Il est obligatoire de respecter les Règles de MyBB.fr : Version abrégée ou Version complète pour obtenir du support sur nos forums.

Les membres ayant un site/forum contrevenant aux règles de MyBB.support seront placés dans le groupe "Support suspendu" et ne bénéficieront plus du support du staff. Nous recommandons aux autres membres d'agir de même. Il ne s'agit pas d'un bannissement, le membre retrouvera son statut "normal" dès que sa situation sera conforme aux règles.

Nouveau : un Wiki en français : plus de détails.
Avant de soumettre votre problème, consultez-le, ainsi que la FAQ, sans oublier le moteur de recherche interne.


Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
[Réglé] Problème de CSS
Mots-clés » problème, css
21-10-2011, 18:32, (Modification du message : 26-10-2011, 14:58 par BlueShadowZ.)
#1
Problème de CSS
Salut !

Alors j'ai un problème avec mon nouveau forum c'est que ma bannière est à gauche alors que mon header donne :
Code :
background: #202020 url(images/1/logo.gif) no-repeat;
        background-position: center;
    border-bottom: 1px solid #000;
        width: 654px;
        height: 212px;
Et en plus (lien du site : http://www.gamplay.comule.com/forum/ ) si vous avez remarquer le menu est peut-être un peu trop long. Ensuite ma bannière est une image gif qui a un fond transparent : http://www.gameplay.comule.com/forum/images/1/logo.gif
Vous pouvez voir que sur l'index.php de mon site : http://www.gameplay.comule.com/ la transparence est marquée mais là non.

Comment régler tout ça ?

Merci !

[Image: rjns.png]

Jeu de Stratégie spatiale en temps réel !
Répondre
21-10-2011, 18:43,
#2
RE: Problème de CSS
Lien invalide : site vide ?

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
22-10-2011, 8:10,
#3
RE: Problème de CSS
http://www.gameplay.comule.com/forum/
Oui désolé j'ai oublié le "e" entre gam et play

[Image: rjns.png]

Jeu de Stratégie spatiale en temps réel !
Répondre
23-10-2011, 16:35,
#4
RE: Problème de CSS
UP ! :s

[Image: rjns.png]

Jeu de Stratégie spatiale en temps réel !
Répondre
23-10-2011, 18:50,
#5
RE: Problème de CSS
Extrait de ton code source :
Code PHP :
        <div id="header">
            <
div id="logo">

                <
div class="wrapper">
                    <
a href="http://www.gameplay.comule.com/forum/index.php"><img src="images/1/logo.gif" alt="GamePlay - Forums" title="GamePlay - Forums" /></a>
                </
div>
            </
div>
            <
div id="panel">
                <
div class="upper"><!-- This div(class="upper"is closed in the header_welcomeblock_member and header_welcomeblock_guest templates -->
                    <
div class="wrapper">
etc.. 

Tu as deux div class="wrapper", pourquoi ?
De plus ton logo est dans ce "wrapper" ! Comment veux-tu qu'il puisse être centré ???

Enlève le premier div "wrapper", comme ça :
Code PHP :
        <div id="header">
            <
div id="logo">
                    <
a href="http://www.gameplay.comule.com/forum/index.php"><img src="images/1/logo.gif" alt="GamePlay - Forums" title="GamePlay - Forums" /></a>
            </
div>
            <
div id="panel">
etc.. 

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
24-10-2011, 8:52,
#6
RE: Problème de CSS
Voilà pourquoi j'ai deux warper : sinon sa centre le forum entier, sauf le logo :
   


[Image: rjns.png]

Jeu de Stratégie spatiale en temps réel !
Répondre
25-10-2011, 9:17,
#7
RE: Problème de CSS
UP ! :s

[Image: rjns.png]

Jeu de Stratégie spatiale en temps réel !
Répondre
25-10-2011, 9:44,
#8
RE: Problème de CSS
Dans le sélecteur .logo, essaie de remplacer :
background-position: center;
par :
text-align: center;

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
25-10-2011, 14:16,
#9
RE: Problème de CSS
Vous voyez encore le cadre noir autour du logo, ou c'est safari qui change tout ?

Si le cadre n'apparaît pas, j'ai une dernière question :
Comment on peut reprendre les templates du forum (comme header et footer) + la feuille gobal.css pour que mon index : http://www.gameplay.comule.com/ devienne comme le forum ?

Ne vous occupez pas de l'erreur
Citation :Warning: MagpieRSS: Failed to parse RSS file. (junk after document element at line 32, column 0) in /home/a5430701/public_html/magpierss/rss_fetch.inc on line 238
C'est juste un problème avec MagpieRSS. Je posterai une question concernant l'erreur dans un prochain topic !




[Image: rjns.png]

Jeu de Stratégie spatiale en temps réel !
Répondre
25-10-2011, 15:13,
#10
RE: Problème de CSS
Non !!!
Pas :
Code PHP :
background#202020 url(../../../images/1/logo.gif) no-repeat text-align: center; 
mais :
Code PHP :
background#202020 url(../../../images/1/logo.gif) no-repeat;
text-aligncenter
sur une autre ligne ! Rolleyes text-align n'est pas un paramètre de "background" !

Je vois la bordure noire de l'image, pas un cadre rectangulaire (Firefox)
Si tu parles du rectangle arrondi noir qui entoure l'image, il fait partie de l'image elle-même !

Citation :Comment on peut reprendre les templates du forum (comme header et footer) + la feuille gobal.css pour que mon index...
C'est une page totalement indépendante du forum...
Donc impossible d'utiliser les templates, c'est tout un travail de codage des CSS ! Il n'y a pas de réponse simple et immédiate ! Au boulot ! Tongue

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
26-10-2011, 9:44,
#11
RE: Problème de CSS
1) Il vaut mieux de laisser comme j'avais mis car sinon ça créé 2 bannière, une avec le cadre noir, une sans cadre noir.

2) Si je copie les templates header et footer puis la feuille global.css et que je les mets sur la racine FTP, puis je fait un lien avec mon index.php pour que les feuilles et templates soient "assemblés" et que les <div id="...">...</div> je les renome par les balises du css et que les variables des templates tel que "{$mybb->settings['bburl']}" je les renomes aussi, normalement ça marche ?

Euh si il y a des templates ou des feuilles qui manques (ou même des étapes) merci de me le dire.



[Image: rjns.png]

Jeu de Stratégie spatiale en temps réel !
Répondre
26-10-2011, 10:39,
#12
RE: Problème de CSS
1. Evidemment que tu as deux, bannières !
L'une définie par le sélecteur id="logo" et l'autre par la balise img dans le code !!!
C'est l'un ou l'autre, pas les deux !

Je te suggère de supprimer le sélecteur logo et dans le template header, de remplacer :
Code PHP :
<div id="logo">
 <
div class="wrapper">
    <
a href="http://www.gameplay.comule.com/forum/index.php"><img src="images/1/logo.gif" alt="GamePlay - Forums" title="GamePlay - Forums" /></a>
   </
div>
</
div
par :
Code PHP :
<div class="wrapper">
    <
a href="http://www.gameplay.comule.com/forum/index.php"><img style="border: none" src="images/1/logo.gif" alt="GamePlay - Forums" title="GamePlay - Forums" /></a>
</
div
Le logo devrait être centré puisque le sélecteur "wapper" contient : margin: auto auto;

S'il ne l'est pas, rajoute text-align: center; dans le balise image ci-dessus :
<img style="text-align: center; border: none" src="images/1/logo.gif".. etc.

2. Pour attacher les feuilles de style du forum à ta page "index" comme tu l'appelles, il faut insérer dans la balise <head> du code HTML :
Code PHP :
<link type="text/css" rel="stylesheet" href="http://www.gameplay.comule.com/forum/cache/themes/theme3/css3.css" />
<
link type="text/css" rel="stylesheet" href="http://www.gameplay.comule.com/forum/cache/themes/theme3/global.css" /> 
et utiliser les noms des id et class correspondants, tout simplement.

Mais là, on s'écarte sérieusement du support MyBB ! Ça devient une assistance CSS/HTML, ce qui est loin d'être la vocation du forum... Shy

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
26-10-2011, 10:52, (Modification du message : 26-10-2011, 10:53 par BlueShadowZ.)
#13
RE: Problème de CSS
1. En fait je préfère laisser comme c'est Smile
2. Sinon j'ai attacher les feuilles css, mais je ne me souviens plus comment on attache des templates :s
Résultat pour l'instant : http://www.gameplay.comule.com/

P.S. Si ça devient assistance CSS/HTML où est-ce que je poste ça ?

[Image: rjns.png]

Jeu de Stratégie spatiale en temps réel !
Répondre
26-10-2011, 14:26,
#14
RE: Problème de CSS
1. tu fais comme tu veux, mais :
background: #202020 url(../../../images/1/logo.gif) no-repeat text-align: center;
n'a aucun sens !!!
text-align: center; doit être sur une autre ligne.

2. Tu ne peux pas "attacher des templates" : ta page n'est pas liée à MyBB !
Nomme tes class et id comme il faut c'est tout !

Citation :P.S. Si ça devient assistance CSS/HTML où est-ce que je poste ça ?
Je te conseille d'aller faire un tour sur les sites dédiés à ça comme le site du zéro : http://www.siteduzero.com/

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
26-10-2011, 14:41,
#15
RE: Problème de CSS
ok, mais je peux ne pas modifier "background: #202020 url(../../../images/1/logo.gif) no-repeat text-align: center;" même si ça n'a aucun sens ?

Alors comment je fait pour que ma page soie comme mon forum si je ne peux pas lier les templates à ma page ?
J'aimerai quand même afficher au moins ça :
   



[Image: rjns.png]

Jeu de Stratégie spatiale en temps réel !
Répondre
26-10-2011, 14:54, (Modification du message : 26-10-2011, 14:55 par spyto.)
#16
RE: Problème de CSS
(26-10-2011, 14:41)BlueShadowZ a écrit :  ok, mais je peux ne pas modifier "background: #202020 url(../../../images/1/logo.gif) no-repeat text-align: center;" même si ça n'a aucun sens ?
Ok garde un code CSS invalide si tu veux et qui ne t'apporte rien.
Tu demandes de centrer ton logo, je te propose une solution, et tu n'essaies même pas !? Rolleyes
A quoi ça sert que Ducros se décarcasse ???

BlueShadowZ a écrit :Alors comment je fait pour que ma page soie comme mon forum si je ne peux pas lier les templates à ma page ?
Là aussi je t'ai déjà expliqué plus haut !!! Sad
Tu attaches les feuilles de style de MyBB et tu codes ta page avec les mêmes 'id' et 'class' pour obtenir le même résultat que sur le forum.







[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
26-10-2011, 14:57,
#17
RE: Problème de CSS
ok

bah désolé du dérangement :l

[Image: rjns.png]

Jeu de Stratégie spatiale en temps réel !
Répondre
26-10-2011, 15:23,
#18
RE: Problème de CSS
[Réglé] ?
RolleyesRolleyes rien n'est réglé !... RolleyesRolleyes
Tout est comme avant, tu abandonnes ?

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
26-10-2011, 17:20,
#19
RE: Problème de CSS
Non j'améliore avec ce que j'ai appris il y a fort longtemps (1 an ^^') en CSS !

Après ce que j'ai réussi à faire au moins grâce à ce topic c'est enlever le cadre noir autour de la bannière du forum, ce qui est déjà pas mal !

[Image: rjns.png]

Jeu de Stratégie spatiale en temps réel !
Répondre




Utilisateur(s) parcourant ce sujet :

Contact | MyBB.support | Retourner en haut | Retourner au contenu | Version bas-débit (Archivé) | Syndication RSS
 Utilitaire de traduction fourni par Regentronique