Petit point gris sur mes Images

  • devilwood
  • Silver Member
  • Silver Member
  • Avatar de l’utilisateur
  • Inscription: Nov 18, 2007
  • Messages: 429
  • Status: Offline

Message Août 10th, 2011, 6:55 am

J'ai quelques images PNG, que j'utilise comme des boutons de navigation. Les images ont transpare pas des origines, mais lorsque je considère la page html, qu'ils sont un ils ont un petit point gris dans le coin supérieur droit.

Est-ce quelque chose qui doit être fixée dans mes css ? IVe a déjà ajouté arrière-plan : none ; à leur balise div.

IVe allaient jamais cela avant. Im visionnement en chrome et mes utilisateurs utiliseront chromée spécifiquement.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Août 10th, 2011, 6:55 am

  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 8924
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Message Août 10th, 2011, 12:49 pm

Je suis certain que ce n'est pas le problème, mais dans le passé, lorsque j'ai eu ce problème, il était en réalité la saleté sur mon écran;)

De toute façon pourrait vous envoyer le lien afin que nous puissions voir, je pourrais probablement comprendre si je pouvais voir ce qui se passe. Le petit point montrent dans les autres navigateurs, ou juste en Chrome ?
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • devilwood
  • Silver Member
  • Silver Member
  • Avatar de l’utilisateur
  • Inscription: Nov 18, 2007
  • Messages: 429
  • Status: Offline

Message Août 10th, 2011, 1:24 pm

Ouais, j'ai juste testé dans IE, et il y montre trop. J'ai réussi à changer la couleur de la dot avec css, mais je ne pense pas Qu'ive cela avait jamais se produire avant. La fabrication de GI application s'exécute sur un intranet, et je n'ai aucun espace web, que je peux accéder à partir d'ici. J'attache une capture d'écran de la barre de navigation.

js :
Code: [ Select ]
function mynav (page) {
    
    var myPages = new Array("home","build","books","f.a.q");
    var myPageimg = new Array("images/home.png","images/build.png","images/books.png","images/faq.png");
    var myPageimg_active = new Array("images/home_active.png","images/build_active.png","images/books_active.png","images/faq_active.png");
    var myTooltip = new Array("Return to Homepage","Create a Book","Manage Books","Frequently Asked Questions");
    var pageLinks = new Array("index.php","build.php","books.php","faq.html");
    
for ( var i=0, len=myPages.length; i<len; ++i ){
        if (myPages[i]==page) {
            document.writeln(' <li class="current_page_item"><a href="'+ pageLinks[i] +'" target="_self"><img src="'+ myPageimg_active[i] +'" title="'+ myTooltip[i] +'" border="0"></a></li>');
        } else {
            document.writeln(' <li><a href="'+ pageLinks[i] +'" target="_self"><img src="'+ myPageimg[i] +'" title="'+ myTooltip[i] +'" border="0"></a></li>');    
        }
    }

}
  1. function mynav (page) {
  2.     
  3.     var myPages = new Array("home","build","books","f.a.q");
  4.     var myPageimg = new Array("images/home.png","images/build.png","images/books.png","images/faq.png");
  5.     var myPageimg_active = new Array("images/home_active.png","images/build_active.png","images/books_active.png","images/faq_active.png");
  6.     var myTooltip = new Array("Return to Homepage","Create a Book","Manage Books","Frequently Asked Questions");
  7.     var pageLinks = new Array("index.php","build.php","books.php","faq.html");
  8.     
  9. for ( var i=0, len=myPages.length; i<len; ++i ){
  10.         if (myPages[i]==page) {
  11.             document.writeln(' <li class="current_page_item"><a href="'+ pageLinks[i] +'" target="_self"><img src="'+ myPageimg_active[i] +'" title="'+ myTooltip[i] +'" border="0"></a></li>');
  12.         } else {
  13.             document.writeln(' <li><a href="'+ pageLinks[i] +'" target="_self"><img src="'+ myPageimg[i] +'" title="'+ myTooltip[i] +'" border="0"></a></li>');    
  14.         }
  15.     }
  16. }


html
Code: [ Select ]
<div id="nav">
    <div id="menu">
    <ul>
   <script type='text/javascript'>mynav('build');</script>
  </ul>
    </div>
</div>
  1. <div id="nav">
  2.     <div id="menu">
  3.     <ul>
  4.    <script type='text/javascript'>mynav('build');</script>
  5.   </ul>
  6.     </div>
  7. </div>


CSS :
Code: [ Select ]
#nav {
    background: #ccc; /* for non-css3 browsers */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
    /*background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
    /*background: -moz-linear-gradient(top, #ccc, #000); /* for firefox 3.6+ */
    width:100%;
    height:60px;
    border-top:1px solid #242424;
    border-right:1px solid #242424;
    border-bottom:1px solid #242424;
    border-left:1px solid #242424;
}

/* menu */
#menu {
background: none;
font-weight:bold;
position:absolute;
top:85px;
padding-left:0px;
margin-left:-40px;
}
            
#menu ul li {
float:left;
}

#menu ul a {
float:left;
padding:10px;
}
  1. #nav {
  2.     background: #ccc; /* for non-css3 browsers */
  3.     /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
  4.     /*background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
  5.     /*background: -moz-linear-gradient(top, #ccc, #000); /* for firefox 3.6+ */
  6.     width:100%;
  7.     height:60px;
  8.     border-top:1px solid #242424;
  9.     border-right:1px solid #242424;
  10.     border-bottom:1px solid #242424;
  11.     border-left:1px solid #242424;
  12. }
  13. /* menu */
  14. #menu {
  15. background: none;
  16. font-weight:bold;
  17. position:absolute;
  18. top:85px;
  19. padding-left:0px;
  20. margin-left:-40px;
  21. }
  22.             
  23. #menu ul li {
  24. float:left;
  25. }
  26. #menu ul a {
  27. float:left;
  28. padding:10px;
  29. }
Attachments:
button_problems.jpg
  • devilwood
  • Silver Member
  • Silver Member
  • Avatar de l’utilisateur
  • Inscription: Nov 18, 2007
  • Messages: 429
  • Status: Offline

Message Août 10th, 2011, 1:29 pm

En outre. Les images que Shot ont réellement un fond de toile et pas un transpare pas de fond, mais le point y malgré tout. ID a changé l'arrière-plan à juste une couleur unie et ajouté une toile parce que je pensais que c'était en raison de la transparence du fichier png réelles. IVe a aussi complètement recréé le PNG sur un nouveau fichier qui laisse me crois qu'avoir d'éclaircir ce avec html/css donc j'ai posté les thats code ces balises de manutention.
  • devilwood
  • Silver Member
  • Silver Member
  • Avatar de l’utilisateur
  • Inscription: Nov 18, 2007
  • Messages: 429
  • Status: Offline

Message Août 10th, 2011, 1:43 pm

En fait j'ai changé seulement certains répertoires donc mon css n'a pas chargé sur ma page et donc mes images ne vont pas inline. Je crois que ses balles pour la balise de la liste. IVe a utilisé ce code pour juste inline des barres texte nav et les balles juste jamais apparaissent. J'imagine que Ive jamais utilisé avec une balise img. De toute façon comment peut faire disparaître ? Maintenant que je sais ce qu'est la dot, je devrais être en mesure d'obtenir les meilleurs résultats de recherche web.
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 8924
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Message Août 10th, 2011, 1:47 pm

Merci pour toutes les informations, et je crois que vous avez raison, qu'ils sont des balles. Veuillez utiliser cette CSS et voir si il va plus loin :

CSS Code: [ Select ]
#menu ul {
   list-style-type:none;
}
  1. #menu ul {
  2.    list-style-type:none;
  3. }
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • devilwood
  • Silver Member
  • Silver Member
  • Avatar de l’utilisateur
  • Inscription: Nov 18, 2007
  • Messages: 429
  • Status: Offline

Message Août 10th, 2011, 1:52 pm

Merci. Cela a tout simplement il fixe. Peut-être que ce thread aideront quelqu'un dans l'avenir.

BTW, j'ai essuyé vers le bas de mon moniteur juste pour s'assurer.:lol:

Merci encore pour votre aide.
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 8924
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Message Août 10th, 2011, 6:02 pm

Lorsqu'il s'agit de points, j'ai toujours essuyez mine premier avant de commencer concluant son mon codage. Il est déjà arrivé et il serait une perte de temps pour essayer de trouver un bug pour une heure lorsqu'elle était juste la saleté sur l'écran, LOL;)

Heureux que vous sont tous fixes !
Ozzu Hosting - Want your website on a fast server like Ozzu?

Afficher de l'information

  • Total des messages de ce sujet: 8 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 140 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC