Fork me on GitHub






Franck0768
Morphogenesis et background du header
#1
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Bonjour,

J'ai un problème d'affichage avec l'arrière plan du header.
Celui-ci est déclaré dans le div xo-header de la feuille de style style.css:
#xo-header {background: url(../img/background_repeat.jpg) repeat-x left bottom;}

A priori il n'y a pas de conflit non plus avec le div de la partie de la bannière commerciale
#xo-banner.commercial {    height:    100px;}
ni avec la feuille de style content-data.css:
#xo-topheader {
height:    35px;
background-color:    transparent;
color:     #32529C; 
}


Je ne comprends pas pourquoi l'arrière plan n'est plus affiché comme dans le gabarit de départ.
Si vous avez des idées, je suis preneur.
http://www.lesarchersdecentnoix.fr/in ... ect=morphogenesis_dynamic

Posté le : 20/06/2011 22:30
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Morphogenesis et background du header
#2
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour

dans une des blocs tu as une petite erreur un ">" de trop

liens utiles pour poser des questions supplémentaires, si besoin. A bientôt...</p></div>><p> </p><div align="center"><img src="http://www.lesarchersdecentnoix.fr/uploads/Accueil/terrain.JPG" border="0" align="absmiddle" /></div>

juste après la première fermeture d'une div

Posté le : 20/06/2011 23:28

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Morphogenesis et background du header
#3
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Et pour le problème de ton image en background, il te faut mettre une largeur (width) à #xo-header

Posté le : 20/06/2011 23:32

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Franck0768
Re: Morphogenesis et background du header
#4
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Bonjour,

Citation :
Kris a écrit :
Et pour le problème de ton image en background, il te faut mettre une largeur (width) à #xo-header


Cela fonctionne quand le volet sous le xo-header (xo-homepage) est rétracté mais pas quand il est ouvert!

Ce que j'ai du mal à comprendre, c'est que cela fonctionne dans le gabarit. Les deux modifications majeurs que j'ai essayé d'implémenter sont:
- L'insertion d'un slideshow dans le xo-homepage.
- Fixer le xo-canvas à 1024 px

http://www.lesarchersdecentnoix.fr/in ... ect=morphogenesis_dynamic

Posté le : 24/06/2011 07:56
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Lou86
Re: Morphogenesis et background du header
#5
Régulier
Inscrit: 09/06/2006 18:51
Messages: 484
Bonjour,

D'après la source générée, je dirais qu'il y a un div mal fermé (il manque celui qui ferme xo-header justement avant <!-- END HEADER -->)

Après, c'est juste le code généré, faudrait fouiner plus en profondeur :/

Posté le : 24/06/2011 09:21
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Franck0768
Re: Morphogenesis et background du header
#6
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Bonjour,
Citation :
Kris a écrit :
Bonjour

dans une des blocs tu as une petite erreur un ">" de trop

liens utiles pour poser des questions supplémentaires, si besoin. A bientôt...</p></div>><p> </p><div align="center"><img src="http://www.lesarchersdecentnoix.fr/uploads/Accueil/terrain.JPG" border="0" align="absmiddle" /></div>

juste après la première fermeture d'une div

J'ai trouvé mon > en trop dans le code de la page d'accueil.
Par contre, cela ne résoud pas mon problème de background.

@Lou86 : Effectivement il y avait un </div> en trop dans mon xo_slideshow.html. Par contre, cela ne résoud pas mon problème de background (ne n'ai même plus mon dégradé de bleu quand le volet sous le xo-header (xo-homepage) est rétracté).

Posté le : 25/06/2011 00:22
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Morphogenesis et background du header
#7
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
<!-- HEADER -->
<div id="xo-header" class="pages">
    <!-- INCLUDE TOPHEADER -->
    <div id="xo-topheader">
        <!-- include of the block language in the header -->
        <!-- include of the block search in the header -->
        <div id="xo-searchbar">
            <form name="search" method="get" action="http://www.lesarchersdecentnoix.fr/search.php">
                <input type="text" id="query" name="query" class="keyword" value="" maxlength="255" tabindex="1" title="Saisissez les mots-cl&#233;s"/>
                <!--<input type="text" id="query" name="query" class="keyword" value="Saisissez les mots-cl&#233;s" onfocus="this.value=(this.value=='Saisissez les mots-cl&#233;s')? '' : this.value ;" maxlength="255" tabindex="1" />-->
                <input type="hidden" name="action" id="action" value="results"/>
                <button type="submit" tabindex="2" title="Recherche sur le site">
                    <img src="http://www.lesarchersdecentnoix.fr/themes/morphogenesis_dynamic/icons/action/zoom.png" alt="Recherche sur le site" />
                </button>
            </form>
        </div>

        <!-- include of the block accessibility in the header-->
        <div id="xo-accessibilitybar">
            &#124;&#32;
            <a href="javascript:fsize(textsize,'em','xo-canvas-columns');" onclick="changetextsize(1);" title="">
                <img class="xo-icons" src="http://www.lesarchersdecentnoix.fr/themes/morphogenesis_dynamic/icons/action/zoom_in.png" alt="A +" title="Augmenter la taille de police de caract&#232;res" />
            </a>
            <!--<a href="javascript:fsize(1,’em’,'xo-canvas-columns’);" onclick="textsize = 1" title=""><img class="xo-icons" src="http://www.lesarchersdecentnoix.fr/themes/morphogenesis_dynamic/icons/action/zoom_reset.png" alt="A =" title="Taille initiale de la police de caract&#232;res" /></a>-->
            <a href="javascript:fsize(textsize,'em','xo-canvas-columns');" onclick="changetextsize(0);" title="">
                <img class="xo-icons" src="http://www.lesarchersdecentnoix.fr/themes/morphogenesis_dynamic/icons/action/zoom_out.png" alt="A -" title="Diminuer la taille de police de caract&#232;res" />
            </a>
        </div><!-- include of the user block in the header -->
        <div id="xo-userbar">
            <!-- menu in anonymous mode-->
            <form method="post" action="http://www.lesarchersdecentnoix.fr/user.php?op=login">
                Connexion&nbsp;&nbsp;
                <input name="uname" type="text" title="Saisissez votre Pseudo" />&nbsp;&nbsp;<input name="pass" type="password" title="Saisissez votre mot de passe"/>
                <!--<input name="uname" type="text" value="Pseudo" onfocus="this.value=(this.value=='Pseudo')? '' : this.value ;" title="Saisissez votre Pseudo"/>&nbsp;&nbsp;
                <input name="pass" type="password" value="Mot de passe" onfocus="this.value=(this.value=='Mot de passe')? '' : this.value ;" title="Saisissez votre mot de passe"/>&nbsp;-->
                <input type="hidden" name="xoops_redirect" value="/modules/pages/index.php" />
                <button type="submit" title="Connexion"><img src="http://www.lesarchersdecentnoix.fr/themes/morphogenesis_dynamic/icons/users/tick.png" alt="Connexion"/></button>
                <!--<input id="remember"type="checkbox" name="rememberme" value="On" title="Se rappeller de moi ?"/>Se rappeller de moi ?-->
            </form>
            &nbsp;+&nbsp;<a href="http://www.lesarchersdecentnoix.fr/register.php" class="register" title="Cr&#233;er un compte ?">Cr&#233;er un compte ?</a>
        </div>
    </div>
    <!-- INCLUDE HEADER WITH LOGO AND BANNER -->
    <!-- checking whether the display of the banner is enabled or not in the site administration -->
    <!-- INCLUDE WITH BANNER ACTIVED-->
    <!-- with display activated of the banner -->
    <div id="xo-banner" class="commercial">
        <!-- display of the logo -->
        <div id="xo-mainlogo" class="commercial">
            <!-- <a href="http://www.lesarchersdecentnoix.fr/" title=""><img src="http://www.lesarchersdecentnoix.fr/themes/morphogenesis_dynamic/img/logo_morpho.png" alt="Les Archers de cent noix" /></a> -->
        </div> 
        <!-- display of the title and description of the site such as defined in the file theme.php of the file language to the root of the site -->
        <div id="xo-sitename"  class="commercial">
            <span id="xo-sitetitle"><a href="http://www.lesarchersdecentnoix.fr/" title="Les Archers de cent noix">Les Archers de Cent Noix</a></span>
            <span id="xo-siteslogan" class="commercial">Le Club de tir à l'arc d'Argenteuil</span>
        </div>
        <!-- display of the banner -->
        <div id="xo-banner-ad">
            <div id="xo-bannerfix">
                <div id ="xo-fixbanner">
                    <a href="http://www.lesarchersdecentnoix.fr/banners.php?op=click&amp;bid=4" rel="external" title=""></a>
                </div>
                <object type="application/x-shockwave-flash" width="468" height="60" data="http://www.lesarchersdecentnoix.fr/images/banners/arcargenteuil.swf" style="z-index:100;">
                    <param name="movie" value="http://www.lesarchersdecentnoix.fr/images/banners/arcargenteuil.swf" />
                    <param name="wmode" value="opaque" />
                </object>
            </div>
        </div>
    </div>
    <!-- INCLUDE HORIZONTAL MENU -->
    <div id="xo-globalnav" class="x2-nl x2-navigation">
        <div id="xo-leftcolswitch" onclick="xoToggleBlock('xo-canvas-leftcolumn');" title="Afficher/Cacher la colonne">Afficher/Cacher la colonne</div>
        <div id="xo-globalmenu">
            <span class="preload1"></span>
            <span class="preload2"></span>
            <ul id="nav">
            <!--Lien vers la page d'accueil du site et visible par tous les visiteurs-->
                <!--Accueil-->
                <li class="topmb"><a href="http://www.lesarchersdecentnoix.fr/" id="Accueil" class="topmb_link"><span class="down">Accueil</span></a>
                    <ul class="sub">
                        <li><a href="http://www.lesarchersdecentnoix.fr/search.php">Recherche</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/contact">Contactez nous</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/tellafriend/">Faire suivre a un ami</a></li>
                        <!-- <li><a href="http://www.lesarchersdecentnoix.fr/modules/xmmemberstats/">Membres rech simple</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/xoopsmembers">Membres rech avancee</a></li>-->
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/userpoints/index.php?det=1">Top membres</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/xsitemap">Plan du site</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/myReferer/">Nos referants</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/rss/">Nos flux RSS</a></li>
                    </ul>
                </li>
                <!--Le Club-->
                <li class="topmb"><a href="http://www.lesarchersdecentnoix.fr/" id="Le Club" class="topmb_link"><span class="down">Le Club</span></a>
                    <ul class="sub">
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/pages/index.php?pagenum=3">Ecole de tir</a></li>
                            <li><a href="http://www.lesarchersdecentnoix.fr/modules/googlemaps/" title="Emplacement de nos installation">Nous localiser</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/pages/index.php?pagenum=2">Le Staff</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/pages/index.php?pagenum=6">Historique du club</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/pages/index.php?pagenum=8">R&egrave;glement interieur</a></li>
                    </ul>
                </li>
                <!--Vérification du statut du visiteur-->
                <!--Menu visiteur anonyme et visible anonyme uniquement-->
                <!--Mettre ici les modules visibles par les anonymes uniquement-->
                <!--Menu visible de tous-->
                <!--Gallerie photos-->
                <li class="topmb"><a href="http://www.lesarchersdecentnoix.fr/modules/extgallery" id="Pmotos" class="topmb_link"><span class="down">Photos</span></a>
                    <ul class="sub">
                        <li><b>Register for full view</b></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/extgallery/public-categories.php?id=2" class="fly">Concours</a>
                            <ul>
                                <li><a href="http://www.lesarchersdecentnoix.fr/modules/extgallery/public-categories.php?id=3">2009</a></li>
                                <li><a href="http://www.lesarchersdecentnoix.fr/modules/extgallery/public-categories.php?id=61">2010</a></li>
                                <li><a href="http://www.lesarchersdecentnoix.fr/modules/extgallery/public-categories.php?id=85">2011</a></li>
                            </ul>
                        </li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/extgallery/public-categories.php?id=6">La vie du Club</a></li>
                        <li><b>Options</b></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/extgallery/public-upload.php">Ajouter une photo</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/extgallery/public-upload-extended.php">Ajouter des photos</a></li>
                    </ul>
                </li>
                <!--Articles-->
                <li class="topmb"><a href="http://www.lesarchersdecentnoix.fr/modules/news/" id="Articles" class="topmb_link"><span class="down">Articles</span></a>
                    <ul class="sub">
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/news/index.php?storytopic=3">Ann&eacute;e en cours</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/news/index.php?storytopic=4">Ann&eacute;e pr&eacute;c&eacute;dente</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/news/index.php?storytopic=1">Ecole de tir</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/news/index.php?storytopic=2">La vie du club</a></li>
                        <li><b>Options</b></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/news/archive.php">Archives</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/news/whoswho.php">Annuaires des auteurs</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/news/topics_directory.php">R&eacute;pertoire des sujets</a></li>
                        <li><b>Membres pour</b></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/news/submit.php">Proposer un article</a></li>
                    </ul>
                </li>
                <!--Liens Webs-->
                <li class="topmb"><a href="http://www.lesarchersdecentnoix.fr/modules/mylinks/" id="Liens Web" class="topmb_link"><span class="down">Liens Web</span></a>
                    <ul class="sub">
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/mylinks/viewcat.php?cid=1">Organisations</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/mylinks//viewcat.php?cid=9">Informations f&eacute;d&eacute;rales</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/mylinks/viewcat.php?cid=2">Magasins</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/mylinks/viewcat.php?cid=4">Fabricants</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/mylinks/viewcat.php?cid=5">Clubs</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/mylinks/viewcat.php?cid=3">Sant&eacute; / Dopage</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/mylinks/viewcat.php?cid=10">Technique</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/mylinks/viewcat.php?cid=11">Divers</a></li>
                        <li><b>Options</b></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/mylinks/topten.php?hit=1">Populaire</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/mylinks/topten.php?rate=1">Mieux not&eacute;s</a></li>
                        <li><b>Register to</b></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/mylinks/submit.php">Proposer un lien</a></li>
                    </ul>
                </li>
                <!--Telechargements-->
                <li class="topmb">
                    <a href="http://www.lesarchersdecentnoix.fr/modules/TDMDownloads/" id="T&eacute;l&eacute;chargements" class="topmb_link">
                        <span class="down">T&eacute;l&eacute;chargements</span>
                    </a>
                    <ul class="sub">
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/TDMDownloads/search.php">Liste</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/TDMDownloads/submit.php">Proposer</a></li>
                    </ul>
                </li>
                <!--Plus-->
                <li class="topmb"><a href="#Plus" id="Plus" class="topmb_link"><span class="down">Plus</span></a>
                    <ul class="sub">
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/pages/index.php?pagenum=13/">Liste  des archeries</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/xhld0/">Mes flux pr&eacute;f&eacute;r&eacute;s</a></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/TDMStats/">Statistiques</a></li>
                        <li><b>Register to vote</b></li>
                        <li><a href="http://www.lesarchersdecentnoix.fr/modules/xoopspoll/">Sondages</a></li>
                        <li> <a href="http://www.lesarchersdecentnoix.fr/modules/catads/index.php" class="fly">Les P'tites annonces</a>
                            <ul>
                                <li><a href="http://www.lesarchersdecentnoix.fr/modules/catads/index.php">Sommaire</a></li>
                                <li><a href="http://www.lesarchersdecentnoix.fr/modules/catads/adslist.php?cat_id=1">Arcs</a></li>
                                <li><a href="http://www.lesarchersdecentnoix.fr/modules/catads/adslist.php?cat_id=2">Fl&egrave;ches</a></li>
                                <li><a href="http://www.lesarchersdecentnoix.fr/modules/catads/adslist.php?cat_id=3">Autres</a></li>
                                <li><a href="http://www.lesarchersdecentnoix.fr/modules/catads/submit1.php">Soumettre</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>

            </ul>        
        </div>
    </div>
<!-- END HEADER -->

il semble qu'il te manque une fermeture de div pour xo_header

Posté le : 25/06/2011 00:43

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Morphogenesis et background du header
#8
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
fermeture de div à ajouter à la fin du fichier xo_globalnav.html

Posté le : 25/06/2011 01:56

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Franck0768
Re: Morphogenesis et background du header
#9
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Merci Kris pour le div manquant.
Egalement pour la méthodologie pour le trouver (suppression des blocs div (<div>...</div) au fur et à mesure dans le code source de la page affichée) et pour l'extension chrome CSSViewer.

Posté le : 25/06/2011 02:15
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Franck0768
Re: Morphogenesis et background du header
#10
Team FrXoops
Inscrit: 24/11/2008 00:42
De Argenteuil
Messages: 987
Bonjour,

Ce petit post juste pour passer le sujet en résolu

Je vais en profiter pour donner une astuce pour Notepad++ que m'a donné Kris : Pour décaller une sélection vers la droite Tab, pour décaller vers la gauche Schift + Tab.
Vous avez également un forum ici pour cet éditeur.

Posté le : 26/06/2011 22:10
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

198 Personne(s) en ligne (156 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 198 | Plus ...