2010-09-17 20:06 #0 av: johan-ahlback

Firebug är ett debugg verktyg för firefox. Med det kan man kolla igenom en sidas koder, göra temporära ändringar i koden plus mycket mer. Jag ska visa hur du hittar ett element på sidan och testar vilken storlek det ska vara.

först laddar du ner firebug till firefox. det gör u genom att klicka på verktyg -> tillägg. sen söker du efter firebug och installerar det.

Firebug:

firebug

Välja ut ett element:
Det är enkelt att välja ut elementet du ska ändra. klicka bara på den blå pilen, då kan du bara klicka på elementet. då väljs det och koden kommer upp i firebug. Om du har en <a> tagg som ligger i en <h2> kanske du vill välja <h2> istället för <a>. då klickar du bara på <h2> i koden.

till höger har du alla css regler för det elementet. Där kan du ändra värderna för elementet. När du hittat ett värde du vill använda går du in och ändrar det i css filen. För firebug ändrar inte källkoden.

firebug css

Ta dig tid och testa hur firebug fungerar. Det är ett användbart verktyg när du gör hemsidor.