web-dev-qa-db-fra.com

2.5 problèmes de modèle / css: liens d'article ne fonctionnant pas dans Chrome, couleurs de lien globalement verrouillées en blanc et masquage d'e-mail

Je suis un débutant Joomla, CSS et php. J'ai été chargé de créer un site pour l'école pour laquelle je viens de commencer à travailler, basé sur son modèle Joomla 2.5 déjà piraté. Je l'ai piraté un peu plus pour obtenir la disposition générale requise, mais j'ai maintenant quelques bugs frustrants que je ne peux pas corriger. Je ne suis pas autorisé à utiliser un modèle Joomla 3 - cela ne me concerne pas.

Voici le site: http://www.novaschool.org/index.php/nova-home

Voici les problèmes:

  1. Je ne parviens pas à créer des liens dans l'article, tels que l'image bleue "proposition de valeur" située sous le graphique de démarrage principal. Cela devrait ressembler à cliquer sur l'élément de menu de gauche "À propos de Nova", mais vous ne pouvez même pas voir un lien sur Chrome. Cela fonctionne dans IE 9 sur mon ordinateur. J'ai même inséré une balise de base et Chrome ne le reconnaît pas.).

  2. Les liens de texte sont blancs pour le menu, mais peu importe comment/où il me semble d'essayer de rendre les couleurs des liens sombres pour l'article et le module d'actualités côté gris, je ne peux pas les obtenir d'une autre couleur que le blanc.

  3. Je reçois le redoutable "vous avez besoin de javascript" pour voir le texte des liens mailto. Bien sûr, ils sont blancs en ce moment, donc vous ne pouvez pas les voir. J'ai essayé de gérer le cloaking, mais en vain. Doit le faire mal.

Toute aide serait appréciée. S'il vous plaît, comprenez que je suis un novice. J'ai donc besoin de la syntaxe du code ainsi que de l'emplacement spécifique pour le coller.

phpjoomla-2.5javascriptcss
2
sbnova

  1. En effet, votre barre latérale chevauche toute la zone de contenu car sa largeur a été définie sur 90%. Allez à la ligne 180 de votre fichier main.css et changez la largeur en 18%

  2. Les liens blancs sur la barre latérale droite proviennent de la ligne 104 de votre fichier template.css. Quelque part dans ce fichier, ajoutez simplement #right a { color: #000; }, Qui ciblera tous les liens dans la barre latérale droite.

  3. Je ne vois pas de liens mailto donc aucune idée du problème ici.

Avant de mettre en ligne le site, je vous suggère fortement de faire des recherches pour HTML et CSS. La structure du modèle est assez mal écrite, ce qui est bien si je comprends que vous êtes novice dans ce domaine.

Je ne sais pas pourquoi vous utilisez Joomla pour un si petit site, mais je plaide pour le piratage de fichiers centraux. Jamais une bonne idée, jamais, jamais, jamais jamais.

2
Lodder

En ce qui concerne votre problème #:
Joomla a un système de masquage de courrier électronique intégré. Cela fonctionne automatiquement, mais vous pouvez le désactiver en désactivant le plug-in "Contenu - Email Cloaking" (Extensions -> Plugin Manager).

Je pense que dans votre cas, cela n'a rien à voir avec le plugin, mais plutôt une erreur dans le format du lien de messagerie. Vous devriez jeter un coup d'oeil au code source de votre article, il semble que votre lien de courrier électronique ait un <span id=" code à l'intérieur (le " crée un conflit dans votre code). Votre sortie HTML ressemble à ceci:

<a style="color: #3c87de; text-decoration: none;" href="mailto:<span id=" cloak36205"="">This email address is being protected from spambots. You need JavaScript enabled to view it.</a>

Cliquez avec le bouton droit sur votre mailto: lien et assurez-vous qu’il est correctement formaté (<a href="mailto:[email protected]">[email protected]</a>) ou cliquez sur le "code source" (<>) dans la barre d’outils de l’éditeur Tiny MCE.

1
johanpw