Je n'arrive toujours pas à configurer "proprement" mon menu droit...
Françoise


Site/blog

1703 messages

posté le 2012-02-11 à 17:27:07



Suite à mes premiers essais non concluants [lien], je persévère pour tenter de trouver une solution sur mon blog "Photos" [lien] mais j'ai bien du mal à comprendre ce qui ne va pas...

Au niveau de la colonne de gauche, ça se passe bien avec ce que j'ai dans MyDesign :

<div id="menu">
{bloc_articles}
{bloc_photos}
{bloc_partenaires}
{bloc_sondages}
{bloc_statistiques}
<div id="menu_citation" class="menu_bloc">
<h2>Citation</h2>
<ul>
<li><script language=javascript src="http://www.lapenseedujour.net/penseeweb.php?couleurtexte=000066&tailletexte=2"></script></li>
</ul>
</div>
<div id="menu_causes" class="menu_bloc">
<h2>Mes causes</h2>
<ul>
<center>
<li><a href="http://www.handipop.com/" target="_blank"><img src="http://serveur1.archive-host.com/membres/images/453291001/HANDIPOP/Logos/HandiPop-mini.jpg"</a></li>
<li><a href="http://www.tibet-info.net/www/index.php" target="_blank"><img src="http://serveur1.archive-host.com/membres/images/453291001/Tibet-Info_small.gif"</a></li>
<li><a href="http://www.ampf.fr/" target="_blank"><img src="http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/AMPF/AMPF-Banniere-mini.gif"</a></li>
<li><a href="http://lamaisondesanimaux.pagesperso-orange.fr/chatnoir.htm" target="_blank"><img src="http://i52.servimg.com/u/f52/09/02/79/47/mascot10.gif" border="0"></a></li>
<li><a style="font-size:14pt;text-decoration:none;font-family:Arial,Helvetica,sans-serif;" href="http://fm-info.blog4ever.com/blog/articles-cat-441646-507362-_mes_causes.html" target="_blank">la suite ICI</a></li>
<br><br>
</center>
</ul>
</div>
{bloc_forum}
{bloc_newsletter}
{bloc_gauche}
</div>


En revanche, pour la colonne de droite, les choses se gâtent sérieusement dès que j'essaie de configurer le menu "proprement" pour ne pas être obligée de bidouiller les titres à la main ; j'ai essayé de supprimer chaque module un par un mais rien n'y fait :

- l'image du cadre ne va plus jusqu'en bas ;
- la page est entièrement décalée vers le bas (avant, c'était à droite) ;
- j'ai systématiquement un retour à la ligne entre mes modules : par exemple pour la partie traduction, j'avais trois drapeaux par ligne or, si je mets un code &nbsp; entre deux, j'ai carrément un interligne supplémentaire ;
- je ne sais pas supprimer le fond de certains menus, comme je l'ai fait en colonne de gauche pour "Mes causes".

Voilà un petit résumé de tout ce qui foire dans la capture jointe [lien].

d'avance pour votre aide.

Fanfan

bombard


Site/blog

2758 messages

posté le 2012-02-11 à 18:31:37

je n'ai pas assez de temps pour régler ton soucis, mais par contre, je t'ai fais une correction de ton code..


<div id="menu">
{bloc_articles}
{bloc_photos}
{bloc_partenaires}
{bloc_sondages}
{bloc_statistiques}
<div id="menu_citation" class="menu_bloc">
<h2>Citation</h2>
<ul>
<li><script language=javascript src="http://www.lapenseedujour.net/penseeweb.php?couleurtexte=000066&tailletexte=2"></script></li>
</ul>
</div>
<div id="menu_causes" class="menu_bloc">
<h2>Mes causes</h2>

<center>
<ul>
<li><a href="http://www.handipop.com/" target="_blank"><img src="http://serveur1.archive-host.com/membres/images/453291001/HANDIPOP/Logos/HandiPop-mini.jpg"/></a></li>
<li><a href="http://www.tibet-info.net/www/index.php" target="_blank"><img src="http://serveur1.archive-host.com/membres/images/453291001/Tibet-Info_small.gif"/></a></li>
<li><a href="http://www.ampf.fr/" target="_blank"><img src="http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/AMPF/AMPF-Banniere-mini.gif"/></a></li>
<li><a href="http://lamaisondesanimaux.pagesperso-orange.fr/chatnoir.htm" target="_blank"><img src="http://i52.servimg.com/u/f52/09/02/79/47/mascot10.gif" border="0"/></a></li>
<li><a style="font-size:14pt;text-decoration:none;font-family:Arial,Helvetica,sans-serif;" href="http://fm-info.blog4ever.com/blog/articles-cat-441646-507362-_mes_causes.html" target="_blank">la suite ICI</a></li>
</ul>
</center>

</div>
{bloc_forum}
{bloc_newsletter}
{bloc_gauche}
</div>


Il y avait pas mal d'erreur, compare !

Bisous


PapyClic


Site/blog

7329 messages

posté le 2012-02-11 à 18:38:11

Bonsoir Fanfan

Si tu as activé myDesign, il que tu regardes mon article [lien]

Le blocdroit fonctionne toujours même l'autre méthode avec DOM Javascript.

Mais je suis certain que tu préféreras la solution avec myDesign.


Bonne soirée







PapyClic


Site/blog

7329 messages

posté le 2012-02-11 à 19:10:03

Bonsoir Bombard,

Dans ton code je ne vois pas dans la structure la colonne de droite que j'ai baptisé "#menu2" dans mon exemple.
Pour faire remonter le contenu, il faut réduire sa largeur 650px, serait mieux.






bombard


Site/blog

2758 messages

posté le 2012-02-11 à 19:13:19


J'ai juste repris le code que fanfan a mis dans le sujet, il y avait des erreurs de balises, j'ai simplement corrigé cela, je n'ai pas corrigé par rapport à son probleme..

Bonne continuation


Françoise


Site/blog

1703 messages

posté le 2012-02-11 à 21:40:25

et Bombard,

Je viens de retirer ce que j'avais mis dans les bordures de pages pour le transférer dans MyDesign.

Le seul point positif, c'est que je n'ai plus de fond derrière mes liens et que les icones se remettent côte à côte.

Pour le reste, tout est reparti en vrille : c'est encore pire qu'avant : je n'ai même plus mes entêtes de menu droit !

Décidément, je crois que c'est beaucoup trop compliqué pour les quelques neurones qu'il me reste...


Fanfan

PapyClic


Site/blog

7329 messages

posté le 2012-02-11 à 21:58:30

...

Ne touche plus à rien je vais regarder.



Françoise


Site/blog

1703 messages

posté le 2012-02-11 à 22:04:27

Merci

Fanfan

PapyClic


Site/blog

7329 messages

posté le 2012-02-11 à 22:27:44

...

Dans la structure tu avais oublié la balise de fermeture </div> du #menu2

Dans le CSS tu avais oublié de mettre un petit 2 aux divers règles des menus.

Donc maintenant quand tu changes le style les 2 colonnes #menu et #menu2 seront modifiés.

Si tu veux faire des modifications pour un des modules, tu crées une règle avec son ID comme par exemple : #menu_traduction

Bonne soirée



Françoise


Site/blog

1703 messages

posté le 2012-02-11 à 22:34:13

Wow !

Effectivement, ça a nettement meilleur mine que tout-à-l'heure !

Pour les règles, il va falloir que je regarde ça de plus près car, pour l'instant, je ne sais pas comment mettre mes icônes côte à côte.

Merci encore pour ton aide précieuse.


Fanfan

PapyClic


Site/blog

7329 messages

posté le 2012-02-11 à 23:33:35

...

Je crois que c'est bon maintenant.

Bonne nuit



Françoise


Site/blog

1703 messages

posté le 2012-02-11 à 23:43:51

Super !

Maintenant, il va falloir que j'étudie tout ça et que j'essaie de comprendre dans le détail comment ça fonctionne, pour pouvoir faire la même chose sur d'autres blogs.

Encore un grand

Bonne nuit à toi aussi.

Fanfan

Nana


Site/blog

20952 messages

posté le 2012-02-11 à 23:51:15

Coucou everybody

Sous IE9 je vois çà :



Sous Mozilla çà va



Françoise


Site/blog

1703 messages

posté le 2012-02-11 à 23:58:49



Hou là là !... Décidément, la partie n'est pas encore gagnée ! Franchement, ils nous font suer, ces navigateurs, à ne pas tous voir la même chose !, hein ?


Fanfan

Nana


Site/blog

20952 messages

posté le 2012-02-12 à 00:01:31

voui Fanfan ! hélas ! c'est toujours la bataille pour que ce soit vu par tout le monde

A quand un navigateur universel ! oui oui je sais, mais çà m'arrive de rêver !



Françoise


Site/blog

1703 messages

posté le 2012-02-12 à 00:05:11

Tu as bien raison, ; moi aussi, je rêve... après tout, c'est bien la seule chose sur laquelle nous sommes sûrs de ne jamais payer d'impôts !


Fanfan

PapyClic


Site/blog

7329 messages

posté le 2012-02-12 à 00:18:08

Coucou

Bien vu, ça existe encore IE9

Il faut cliquer sur compatibilité à droite de la barre d'adresse

C'est chiant mais en le signalant aux visiteurs, ça passe
Il faudrait voir avec un code conditionnel, j'ai essayé mais pas réussi.

Voilu, merci de l'avoir signalé.

Bonne nuit





PapyClic


Site/blog

7329 messages

posté le 2012-02-12 à 07:16:55

...
ça n'a pas arrangé ma température... mais je crois avoir trouvé pour rendre compatible ce blog sous IE9.

J'ai le contenu en float:left; et j'ai réduis la marge de gauche à 20px.

Bon dimanche



Soleilvie


Site/blog

1331 messages

posté le 2012-02-12 à 09:09:42

Fanfan et Bombard, et

Fanfan pour ce superbe blog !
Je l'ai mis dans mes favoris afin d'aller voguer sur tes articles.

J'espère bientôt réussir à faire cette colonne de droite pour mon blog mais pour l'instant pas le temps de m'y pencher j'ai encore plein de boulot.

Bon dimanche à tout le monde


Françoise


Site/blog

1703 messages

posté le 2012-02-12 à 12:48:09



encore un grand pour avoir passé du temps afin de rendre mon blog compatible sous IE.

Tu as d'autant plus de mérite si tu as de la température .

Remets-toi vite.

Fanfan

simon


Site/blog

3176 messages

posté le 2012-02-14 à 08:55:55




J'ai le contenu en float:left; et j'ai réduis la marge de gauche à 20px.


J'avoue que sur ce problème j'ai séché !!


Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




Ce sujet est fermé, vous ne pouvez pas y répondre

Il faut être membre de ce forum pour ajouter un nouveau sujet ou répondre à un sujet, dans cette catégorie



Cliquez sur la carte :
dashboard ===> Nombre d'utilisateurs en ligne===> Nombre de personnes sur chaque page
lecteurs ===> Une liste des pages les plus consultées, avec le nombre de visiteur sur chaque page.
cartes ===>Le mode normal vous montre d'où viennent les visiteurs. Les cibles clignotent pour les personnes qui viennent de se connecter.
Historique :
lines => 24 h day ===>Un graphique des visiteurs durant les dernières 24 heures.

Recommander ce blog | Contacter l'auteur | Signaler un contenu | S'abonner au blog Flux RSS du blog | Espace de gestion | Annuaire des blogs