réglage marges par défaut

Question

I ont une image dans un en-tête, et quand i envelopper le <img> dans une balise <a> l'image est déplacé. Je suppose que la balise <a> a des marges par défaut ou rembourrage qui est à l'origine de cette. Comment avez-vous supprimer les marges par défaut ou le rembourrage de la balise <a> dans jquery-mobile?

<div data-role="header" data-position="fixed" class="shadow"> 
     <a href="#CheckInPage" data-role="none" id="newheader"> 
      <img id="goHeaderLogo" src="images/go.gif" alt="go Logo"/> 
     </a> 
     <h2>Locations Near Me</h2> 
</div> 

J'ai essayé ceci:

<script> 
     $('#newheader').css("margin",'0px'); 
    </script> 

Answer 1

la meilleure façon de comprendre ce que les styles que vous devez modifier est d'inspecter les éléments individuels avec quelque chose comme outils Firebug ou développeur du navigateur

essayez ceci (j'ai utilisé margin-left: 50px pour voir mieux la différence)

<style> 
    .ui-header .ui-btn-left { 
    margin-left: 50px; 
    } 
</style> 

et vous obtenez ce