Quelques bugs sur mon site à l'aide
Résolu
depaninf
Messages postés
124
Date d'inscription
Statut
Membre
Dernière intervention
-
telliak Messages postés 3668 Date d'inscription Statut Membre Dernière intervention -
telliak Messages postés 3668 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai réalisé ce site pour un de mes clients: http://www.aloneservices.com
Il fonctionne comme je le souhaite sur FF.
-sur IE j'ai 3 problèmes:
le favicon animé ne s'anime pas
le numéro de téléphone dans le bandeau ne clignote pas
derrière accueil dans le menu on a une ombre noire, je pense que j'ai 2 menus superposés mais je ne vois pas où dans le code.
-sur Google Chrome et Safari
les même 3 problèmes que sur IE
-sur Opéra
le favicon animé ne s'anime pas
-Sur Netscape
Le menu n'est pas centré, il est collé au corps du site
Donc 4 bugs en tout sur 5 navigateurs différents. Est ce quelqu'un aurait envie de m'aider à régler tout ça? Malheureusement, on ne peut pas joindre de fichiers à nos messages sur le forum alors si vous en avez besoin vous pouvez me les demander à: Adresse mail supprimée Modération CCM
Merci beaucoup pour votre aide!
Pub supprimée Modération CCM
J'ai réalisé ce site pour un de mes clients: http://www.aloneservices.com
Il fonctionne comme je le souhaite sur FF.
-sur IE j'ai 3 problèmes:
le favicon animé ne s'anime pas
le numéro de téléphone dans le bandeau ne clignote pas
derrière accueil dans le menu on a une ombre noire, je pense que j'ai 2 menus superposés mais je ne vois pas où dans le code.
-sur Google Chrome et Safari
les même 3 problèmes que sur IE
-sur Opéra
le favicon animé ne s'anime pas
-Sur Netscape
Le menu n'est pas centré, il est collé au corps du site
Donc 4 bugs en tout sur 5 navigateurs différents. Est ce quelqu'un aurait envie de m'aider à régler tout ça? Malheureusement, on ne peut pas joindre de fichiers à nos messages sur le forum alors si vous en avez besoin vous pouvez me les demander à: Adresse mail supprimée Modération CCM
Merci beaucoup pour votre aide!
Pub supprimée Modération CCM
A voir également:
- Quelques bugs sur mon site à l'aide
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
9 réponses
Salut,
Pour le favicon on en parle la :
https://www.commentcamarche.net/faq/332-favicon-l-icone-de-votre-site-dans-la-barre-d-adresse
Ensuite pour le numéro de téléphone qui ne clignote pas, si tu as utilisé la balise blink, c'est normal que sous IE ca ne fonctionne pas, car il ne la connait pas. tu dois faire ceci :
Pour ce qui est du cadre noir sous IE, je pense que ca vient du cellpadding et du cellspacing
Pour le favicon on en parle la :
https://www.commentcamarche.net/faq/332-favicon-l-icone-de-votre-site-dans-la-barre-d-adresse
Ensuite pour le numéro de téléphone qui ne clignote pas, si tu as utilisé la balise blink, c'est normal que sous IE ca ne fonctionne pas, car il ne la connait pas. tu dois faire ceci :
if ( document.all )
{
function blink_show()
{
blink_tags = document.all.tags('blink');
blink_count = blink_tags.length;
for ( i = 0; i < blink_count; i++ )
{
blink_tags[i].style.visibility = 'visible';
}
window.setTimeout( 'blink_hide()', 700 );
}
function blink_hide()
{
blink_tags = document.all.tags('blink');
blink_count = blink_tags.length;
for ( i = 0; i < blink_count; i++ )
{
blink_tags[i].style.visibility = 'hidden';
}
window.setTimeout( 'blink_show()', 250 );
}
window.onload = blink_show;
}
Pour ce qui est du cadre noir sous IE, je pense que ca vient du cellpadding et du cellspacing
Bonjour et merci pour ta réponse rapide Melooo ;)
Ce code je dois le mettre dans la feuille de style je suppose?
Pour l'instant dans ma feuille de style j'ai mis:
}
.Style2 { color: #FF3300 }
.Style10 { font-size: 18px }
.telephone {
color: #FF0000;
font-weight: bold;
font-size: 32px;
text-decoration: blink;
}
et sur mes pages:
<p align="center" class="telephone">01 40 18 18 18</p>
Je dois remplacer quoi par quoi? L'adresse de ma feuille de style c'est:
http://www.aloneservices.com/styles.css
Je dois préciser que je ne suis pas vraiment développeur mais plutôt dépanneur informatique et que je réalise des sites à l'occasion et ça me prend bien plus de temps qu'un vrai développeur...
Concernant le favicon j'ai fait tout ce qu'on m'a dit je pense et il apparait bien sur tous les navigateurs mais sur certains il ne s'anime pas, j'ai beau chercher je ne vois pas pourquoi.
Concernant le menu dédoublé non je pense plutôt que c'est un ancien menu que j'avais essayé et que je n'ai pas complètement supprimer avant de mettre le nouveau. C'est dédoublé uniquement sur une petite partie du menu....
J'attends vos réponses, encore merci ;)
Publicité supprimée Modération CCM
Ce code je dois le mettre dans la feuille de style je suppose?
Pour l'instant dans ma feuille de style j'ai mis:
}
.Style2 { color: #FF3300 }
.Style10 { font-size: 18px }
.telephone {
color: #FF0000;
font-weight: bold;
font-size: 32px;
text-decoration: blink;
}
et sur mes pages:
<p align="center" class="telephone">01 40 18 18 18</p>
Je dois remplacer quoi par quoi? L'adresse de ma feuille de style c'est:
http://www.aloneservices.com/styles.css
Je dois préciser que je ne suis pas vraiment développeur mais plutôt dépanneur informatique et que je réalise des sites à l'occasion et ça me prend bien plus de temps qu'un vrai développeur...
Concernant le favicon j'ai fait tout ce qu'on m'a dit je pense et il apparait bien sur tous les navigateurs mais sur certains il ne s'anime pas, j'ai beau chercher je ne vois pas pourquoi.
Concernant le menu dédoublé non je pense plutôt que c'est un ancien menu que j'avais essayé et que je n'ai pas complètement supprimer avant de mettre le nouveau. C'est dédoublé uniquement sur une petite partie du menu....
J'attends vos réponses, encore merci ;)
Publicité supprimée Modération CCM
Bon j'ai fait un test en mettant le code que tu m'as donné sur la feuille de style et j'ai mis le code suivant sur ma page:
<p align="center" class="blink">01 40 18 18 18</p>
Et là il ne clignote plus du tout même sur FF...:(
Publicité supprimée Modération CCM
<p align="center" class="blink">01 40 18 18 18</p>
Et là il ne clignote plus du tout même sur FF...:(
Publicité supprimée Modération CCM
IE ne supporte pas les GIF animés en favicon (je viens de le lire sur le net), sinon pour ce qui est du texte clignotant, on en parle la :
https://forums.commentcamarche.net/forum/affich-1702250-faire-clignoter-du-texte
https://forums.commentcamarche.net/forum/affich-1702250-faire-clignoter-du-texte
Feuille de style:
a.bouton-relief {
color: white;
background-color: #FF0000;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 3px;
border: 3px outset #c0c0c0;
}
a.bouton-relief:hover {
background-color: #6495ED;
background-image: url(aqua.jpg);
border: 3px inset #c0c0c0;
}
Adresse de la feuille de styles: http://www.aloneservices.com/styles.css
Pour le code de la page, je ne sais pas où c'est vu que j'ai du mettre 2 codes, stp fais un clic droit sur l'index du site et fais afficher la source tu trouveras peut-être où est le loup...
Publicité supprimée Modération CCM
a.bouton-relief {
color: white;
background-color: #FF0000;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 3px;
border: 3px outset #c0c0c0;
}
a.bouton-relief:hover {
background-color: #6495ED;
background-image: url(aqua.jpg);
border: 3px inset #c0c0c0;
}
Adresse de la feuille de styles: http://www.aloneservices.com/styles.css
Pour le code de la page, je ne sais pas où c'est vu que j'ai du mettre 2 codes, stp fais un clic droit sur l'index du site et fais afficher la source tu trouveras peut-être où est le loup...
Publicité supprimée Modération CCM
Pour ton souci d'affichage sous IE, je dirais que ca vient de cette ligne :
<table border="1" width="200" cellspacing="1" cellpadding="1" onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')" style="background-color:#F0F0F0">
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Dans le code de la page il y a beaucoup trop de choses pour un menu:
<!-- Feuille de style-->
<style>
.menulines {border: 5px solid #c0c0c0; font-family: verdana,arial,helvetica; font-size: 18px}
.menulines a {text-decoration: none; color: #FF0000; font-family: verdana,arial,helvetica}
.Style16 {color: #FF0000}
</style>
<script language="JavaScript1.2">
//http://www.dynamicdrive.com
function over_effect(e,state){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menulines")
source4.style.borderStyle=state
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menulines")
source4.style.borderStyle=state
}
}
}
</script>
puis:
</div>
<div id="menu">
<p>
<table border="1" width="200" cellspacing="1" cellpadding="1" onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')" style="background-color:#F0F0F0">
<!-- Caractéristiques du Menu -->
<table border="1" width="930" cellspacing="1" cellpadding="1" onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')" style="background-color:#F0F0F0">
<td class="menulines"><a href="http://www.aloneservices.com/" rel="nofollow noopener noreferrer" target="_blank"><strong> Accueil</strong></a>
<td class="menulines"><a href="http://www.aloneservices.com/depannage-batiment/electricite" rel="nofollow noopener noreferrer" target="_blank"><strong> Electricité</strong></a>
<td class="menulines"><a href="http://www.aloneservices.com/depannage-batiment/plomberie-chauffage" rel="nofollow noopener noreferrer" target="_blank"><strong> Plomberie / Chauffage</strong></a>
<td class="menulines"><a href="http://www.aloneservices.com/depannage-batiment/vitrerie" rel="nofollow noopener noreferrer" target="_blank"><strong> Vitrerie</strong></a>
<td class="menulines"><a href="http://www.aloneservices.com/depannage-batiment/serrurerie" rel="nofollow noopener noreferrer" target="_blank"><strong> Serrurerie</strong></a>
</table>
</p>
<div id="contenu">
Il doit y avoir des trucs en trop ou mal placés...
Publicité supprimée Modération CCM
<!-- Feuille de style-->
<style>
.menulines {border: 5px solid #c0c0c0; font-family: verdana,arial,helvetica; font-size: 18px}
.menulines a {text-decoration: none; color: #FF0000; font-family: verdana,arial,helvetica}
.Style16 {color: #FF0000}
</style>
<script language="JavaScript1.2">
//http://www.dynamicdrive.com
function over_effect(e,state){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menulines")
source4.style.borderStyle=state
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menulines")
source4.style.borderStyle=state
}
}
}
</script>
puis:
</div>
<div id="menu">
<p>
<table border="1" width="200" cellspacing="1" cellpadding="1" onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')" style="background-color:#F0F0F0">
<!-- Caractéristiques du Menu -->
<table border="1" width="930" cellspacing="1" cellpadding="1" onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')" style="background-color:#F0F0F0">
<td class="menulines"><a href="http://www.aloneservices.com/" rel="nofollow noopener noreferrer" target="_blank"><strong> Accueil</strong></a>
<td class="menulines"><a href="http://www.aloneservices.com/depannage-batiment/electricite" rel="nofollow noopener noreferrer" target="_blank"><strong> Electricité</strong></a>
<td class="menulines"><a href="http://www.aloneservices.com/depannage-batiment/plomberie-chauffage" rel="nofollow noopener noreferrer" target="_blank"><strong> Plomberie / Chauffage</strong></a>
<td class="menulines"><a href="http://www.aloneservices.com/depannage-batiment/vitrerie" rel="nofollow noopener noreferrer" target="_blank"><strong> Vitrerie</strong></a>
<td class="menulines"><a href="http://www.aloneservices.com/depannage-batiment/serrurerie" rel="nofollow noopener noreferrer" target="_blank"><strong> Serrurerie</strong></a>
</table>
</p>
<div id="contenu">
Il doit y avoir des trucs en trop ou mal placés...
Publicité supprimée Modération CCM
Yess t'es trop fort Melooo, c'était bien ça merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
Publicité supprimée Modération CCM
Publicité supprimée Modération CCM
Aie! C'était trop beau...lol
Si jamais tu avais un peu de temps... ;)
Publicité supprimée Modération CCM
Si jamais tu avais un peu de temps... ;)
Publicité supprimée Modération CCM
Tout d'abord la structure de ton document doit toujours être comme ca :
Ensuite pourquoi utilser la balise style alors que tu as un fichier css fait exprès pour sa ;), et ne pas déclarer plusieurs fois style ca ne sert à rien autant mettre tout dans le même.
Normalement, on utiliser les balises table pour présenter des données sous forme de tableau, sinon il est conseillé d'utiliser des div ! ( je parle pour ton menu)
Ne pas mettre du code dont on ne connait pas le fonctionnement (je parle de ton javascript)
Ensuite ne pas mettre des balises paragraphe partout mais seulement quand tu en as besoin (pourquoi en mettre juste avant ta balise table ?)
Un outil qui permet de détecter les erreurs et les avertissements dans ton html et css, c'est le W3C : http://validator.w3.org/ (tu as 70 erreurs et 1warning)
Que je te conseille, de faire une fois que ton code sera propre.
La balise no script permet d'afficher un message lorsque l'internaute à désactiver javascript, si tu n'utilises pas de javascript tu peux enlever la balise, sinon mettre un message à l'intérieur de la balise.
Ne prends surtout pas mal les réflexions que je viens de te faire, tu as dis que c'était pas ton boulot de faire du développement, alors je trouve que pour un début c'est pas mal, mais quelques petites choses à savoir, à force ca rentrera. ;)
<html>
<head>
<title>mon titre</title>
// mes appels aux pages extérieurs
</head>
<body>
// contenu
</body>
</html>
Ensuite pourquoi utilser la balise style alors que tu as un fichier css fait exprès pour sa ;), et ne pas déclarer plusieurs fois style ca ne sert à rien autant mettre tout dans le même.
Normalement, on utiliser les balises table pour présenter des données sous forme de tableau, sinon il est conseillé d'utiliser des div ! ( je parle pour ton menu)
Ne pas mettre du code dont on ne connait pas le fonctionnement (je parle de ton javascript)
Ensuite ne pas mettre des balises paragraphe partout mais seulement quand tu en as besoin (pourquoi en mettre juste avant ta balise table ?)
Un outil qui permet de détecter les erreurs et les avertissements dans ton html et css, c'est le W3C : http://validator.w3.org/ (tu as 70 erreurs et 1warning)
Que je te conseille, de faire une fois que ton code sera propre.
La balise no script permet d'afficher un message lorsque l'internaute à désactiver javascript, si tu n'utilises pas de javascript tu peux enlever la balise, sinon mettre un message à l'intérieur de la balise.
Ne prends surtout pas mal les réflexions que je viens de te faire, tu as dis que c'était pas ton boulot de faire du développement, alors je trouve que pour un début c'est pas mal, mais quelques petites choses à savoir, à force ca rentrera. ;)
C'est quand même dommage de se dire pro, prétendre « prend[re] en charge votre projet dès sa conception, et ce jusqu'au référencement dans les outils de recherche » et ne pas réussir à mettre au point son propre site :-)
Désolé j'ai du m'absenter...
Merci melooo pour ton code, je ne sais pas si je vais pouvoir assimiler tout ça.
Non tes remarques ne me dérangent pas, je les ai demandées... ;)
Publicité supprimée Modération CCM
Merci melooo pour ton code, je ne sais pas si je vais pouvoir assimiler tout ça.
Non tes remarques ne me dérangent pas, je les ai demandées... ;)
Publicité supprimée Modération CCM