Realmac Software

Bonjour,
Je travaille avec l’excellent thème Unity, fond gris clair choisi dans l’inspecteur pour tout le sidebar.

Je souhaite y ajouter une boîte de fond d’une autre couleur avec à l’intérieur une image cliquable vers un fichier pdf, ce que j’arrive à faire.

Toutefois, en mode aperçu :

- tout OK sur SAFARI (il englobe le teste et l’image)
- le fond reste tout en haut donc n’englobe pas et ne met donc pas en valeur l’image cliquable AVEC FIREFOX.

Voici ci dessous, le code inséré dans le sidebar :
————————————————————————————————-

—————————————————————————————————-

Ai-je fait une erreur quelque part ?

Dois-je rajouter quelque chose dans l’inspecteur pour forcer “Firefox” à la bonne interprétation ?

Merci de votre aide !

Cordialement,

Image Attachments

Click thumbnail to see full-size image

Plop !

Je ne recommanderais jamais assez le site de Momo-fr

Je pense que tu trouveras ton bonheur ici : http://therapidpage.free.fr/faq/q73/q73.html

Bonne continuation.

get anxious - 23 August 2010 09:44 PM

Plop !

Je ne recommanderais jamais assez le site de Momo-fr

Je pense que tu trouveras ton bonheur ici : http://therapidpage.free.fr/faq/q73/q73.html

Bonne continuation.

Bonjour,
Merci de votre réponse, comme vous pouvez le constater, je me suis largement inspiré du code du site de “Momo”(excellent site au demeurant) pour le background.

Ma demande portait sur la différence d’interprétation en mode aperçu entre le même code entre Safari et Firefox pour le background de couleur incluant une image : comment faire pour qu’il soit identique, quelque soit le navigateur (Safari ou Firefox) ?

Merci de votre aide et excellente journée !

Peut-être un problème de CSS.

M’est d’avis que tu devrais pousser plus loin (Avec les CSS c’est mieux) dans la Faq de Momo. C’est plus compliqué mais si ça fonctionne.

Salut - si vous pouvez nous donner un lien direct sur votre site, il sera plus facile à résoudre.

Pete

get anxious - 24 August 2010 04:55 PM

Peut-être un problème de CSS.

M’est d’avis que tu devrais pousser plus loin (Avec les CSS c’est mieux) dans la Faq de Momo. C’est plus compliqué mais si ça fonctionne.

Bonsoir,

Merci, en effet, je pense qu’il me faudra passer par cette étape, mais la solution fonctionne bien avec Safari, sans intervention dans les CSS ;(

Encore merci

Pete - 24 August 2010 07:30 PM

Salut - si vous pouvez nous donner un lien direct sur votre site, il sera plus facile à résoudre.

Pete

Bonsoir,

Je ne peux mettre de lien, le site est en construction mais au final, cela ressemblera aux images attachées à mon premier post de toute façon.
Je vais creuser le sujet sur les CSS, en tout cas merci de votre aide !

Salut encore,

J’espère que la suite (une approche légèrement différente à votre méthode actuelle) devrait régler le problème pour vous:

1. Ajoutez votre image et votre Livre (pdf?) à la page comme des assets -  l�??inspecteur de page>en-tete>assets.

2. Copiez et collez ce HTML dans votre ‘sidebar’. Remarque, vous devez utiliser �??Coller sans mise en forme�?� dans le menu Edition pour supprimer le formatage forums, epuis vous devez mettre en évidence le code HTML et d�??appliquer �??ignorer le formattage�?� dans le menu Format.  Aussi, n’oubliez pas d’ajouter le correct nom de votre image et votre Livre pour la “a href” et la “src”, et les correct dimensions de votre image, et le correct “alt” text.

Remarque, pour le chemin de l’assets ci-dessous, e.g. “assets/votreLivre.pdf” à fonctionner correctement vous devrez donner à votre page un nom de dossier :  l�??inspecteur de page>general>folder

3.  Puis ajoutez du CSS à l�??inspecteur de page>en-tete> CSS (modifier le style / ajuster les couleurs et les nombres de pixels etc au choix):

Voir l’exemple ci-jointe, à quoi il ressemblera dans le theme “Unity” dans Firefox.

Poste de retour si vous avez d’autres questions à ce sujet, et mes excuses pour les Français l’imparfait :-!

Cordialment,

Pete

Edit: j’ai modifié au format HTML pour inclure le lien pour télécharger votre Livre

Image Attachments

Click thumbnail to see full-size image

Pete - 29 August 2010 09:25 PM

Salut encore,

J’espère que la suite (une approche légèrement différente à votre méthode actuelle) devrait régler le problème pour vous:

1. Ajoutez votre image et votre Livre (pdf?) à la page comme des assets -  l�??inspecteur de page>en-tete>assets.

2. Copiez et collez ce HTML dans votre ‘sidebar’. Remarque, vous devez utiliser �??Coller sans mise en forme�?� dans le menu Edition pour supprimer le formatage forums, epuis vous devez mettre en évidence le code HTML et d�??appliquer �??ignorer le formattage�?� dans le menu Format.  Aussi, n’oubliez pas d’ajouter le correct nom de votre image et votre Livre pour la “a href” et la “src”, et les correct dimensions de votre image, et le correct “alt” text.

<p class="livre">Téléchargez mon Livre 

<a href="assets/votreLivre.pdf" target="_blank" title="Cliquez pour telechargez mon Livre">
<img src="assets/votreImage.jpg" alt="des text" width="200" height="100" />
</a>

</p> 

Remarque, pour le chemin de l’assets ci-dessous, e.g. “assets/votreLivre.pdf” à fonctionner correctement vous devrez donner à votre page un nom de dossier :  l�??inspecteur de page>general>folder

3.  Puis ajoutez du CSS à l�??inspecteur de page>en-tete> CSS (modifier le style / ajuster les couleurs et les nombres de pixels etc au choix):

.livre {
     background-color: #CC9999;
     text-transform:uppercase;
     font-weight:bold;
     text-align: center;
     padding:5px;
     line-height:30px;
     margin-bottom:5px;
     padding:5px;
     border:1px solid #000;
}


.livre img {
     border:1px solid #000;
} 

Voir l’exemple ci-jointe, à quoi il ressemblera dans le theme “Unity” dans Firefox.

Poste de retour si vous avez d’autres questions à ce sujet, et mes excuses pour les Français l’imparfait :-!

Cordialment,

Pete

Edit: j’ai modifié au format HTML pour inclure le lien pour télécharger votre Livre

Bonjour Pete,

I can tell you that your French is almost perfect, congratulations !

Merci beaucoup des explications qui me manquaient exactement pour pouvoir mettre en valeur un visuel dans le sidebar avec lien éventuel, excellent, je vais mettre cela en pratique dès que possible.

Excellente journée !

With kind regards,

scplus - 30 August 2010 08:54 AM

Bonjour Pete,

I can tell you that your French is almost perfect, congratulations !

Merci beaucoup des explications qui me manquaient exactement pour pouvoir mettre en valeur un visuel dans le sidebar avec lien éventuel, excellent, je vais mettre cela en pratique dès que possible.

Excellente journée !

With kind regards,

Je vous en prie - and thanks for the complement about my Francais!