newbie can't find pages

[teresa]

I just started to use firebub,. I have seen a few video tutorials
where they show how you click on an element using FB and it will
highlight the code and tell you the page where you will find this
element code to make changes.. When I click on an element, say, a
header, I do see the code on the left side (i believe it's HTML), but
the right side does not match the left side. The right side will tell
me I can find that element code in such and such a page, but when I go
there, that page is totally different, and the code is not there. So I
am not able to find any code using FB.

I search for relevant words in pages to find the code ( though that
defeats the purpose of FB), but I can never find the page where the
code is, even though FB tells me to go to such and such page to find
the code. It's not there. It's not even the right page.

Am I missing something? perhaps some kind of setting?

thanks!!!

[John J Barton]

On Jul 26, 2:20 pm, teresa <teresa.echaza...@gmail.com> wrote:
>  I just started to use firebub,. I have seen a few video tutorials
> where they show how you click on an element using FB and it will
> highlight the code and tell you the page where you will find this
> element code to make changes.. When I click on an element, say,  a
> header, I do see the code on the left side  (i believe it's HTML), but
> the right side does not match the left side. The right side will tell
> me I can find that element code in such and such a page, but when I go
> there, that page is totally different, and the code is not there. So I
> am not able to find any code using FB.

What exactly to you mean by ""go there"? Do you mean that when you
click the link it fails?

jjb

[ColinFine]

On Jul 26, 10:20 pm, teresa <teresa.echaza...@gmail.com> wrote:
>  I just started to use firebub,. I have seen a few video tutorials
> where they show how you click on an element using FB and it will
> highlight the code and tell you the page where you will find this
> element code to make changes.. When I click on an element, say,  a
> header, I do see the code on the left side  (i believe it's HTML), but
> the right side does not match the left side. The right side will tell
> me I can find that element code in such and such a page, but when I go
> there, that page is totally different, and the code is not there. So I
> am not able to find any code using FB.
>

I'm not entirely clear what you mean, but I think you may be under a
(very common) misconception.

Firebug will show you where in the _data received by the browser_ a
particular thing occurs - whether a DOM element, some Javascript, a
CSS rule.

If that item happens to be part of a server response which was more or
less a literal file from the server (as CSS and Javascript often are,
though not always), then Firebug may be able to point you at the file
on the server that contains it.
But if the server's response was generated (eg by a CGI program, or
some PHP) then there may be no file on the server which contains the
data you are looking for, and in any case Firebug cannot do much to
help you find where it comes from.

If I have misunderstood and this is not the problem, I apologise.
Perhaps you would like to make the issue a bit clearer.

[tere]

thanks for the reply.

what I mean when I say "go there" is this.

For example, i have selected a code that needs changing on the left
side.
On the right side, it is shwoing me that that code is in style1.css -
line 3 (just an example.
When I go into my server files and hunt down this "style1.css" file,
it looks nothing at all like
the one in Firebug, and there is nothing on line 3 resembling the
code that was highlited in firebug.

I hope this makes more sense.
Thanks again.

[tere]

well, i think you understand that I am not able to find files in my
server that FB
points me to where i can find a code.

But FB has only been pointing me to CSS files.
When I go to my server files to find the css file that FB pointed me
to,
it doesn't look at all like the file that FB was showing on the
interface,
and the code i'm looking for is not on the page anywhere.

I hope this makes more sense.

thanks for the help

[ColinFine]

On Jul 28, 7:58 pm, tere <teresa.echaza...@gmail.com> wrote:
> well, i think you understand that I am not able to find files in my
> server that FB
> points me to where i can find a code.
>
> But FB has only been pointing me to CSS files.
> When I go to my server files to find the css file that FB pointed me
> to,
> it doesn't look at all like the file that FB was showing on the
> interface,
> and the code i'm looking for is not on the page anywhere.
>
> I hope this makes more sense.
> thanks for the help
>

Right, that is exactly what I was talking about.

When Firebug shows you that some CSS code is in file xxx.css, what it
means is that this code was received in response to a request the
browser made in evaluating a tag such as
<style src='/xxx.css'>

Nine times out of ten, the server will fulfil such a request by
sending the contents of a file called 'xxx.css'. But if the server
generates it a different way (for example by running a program which
creates the CSS rules on the fly) the browser - and hence Firebug -
has _absolutely_ no way of knowing anything about this. The only thing
it knows is the url it sent when it requested the resource.
Firebug could simply report this URL, but since most CSS requests are
for files, it makes that assumption when displaying the item.

If you cannot find that file on your server, you need to explore how
your server finds the CSS that it serves. Sorery.

[tere]

thanks for the explanation. I just wish I could understand it :-)

seriously, I guess i have to figure out another way
to find this file.
I am looking for a file that has "DD Roundies"
Firebug is pointing to this code which is the one I want to change.

thanks again

[Sebo]

Try the following, maybe you'll understand it better then:
1. Go to the Net Panel
2. Reload the page
3. Search for your CSS file
4. Click on it to show more detailed info
5. Click on the Response Tab and see what's standing there

What you'll see are the contents the server was returning when the CSS
file was requested. If this is differing from what you have at the
server have a look at the requested URL. You can even open the CSS
file in a new browser tab via the context menu of the response.

Another possibility to do so is to right-click on the link inside the
Style Side Panel (right side of the HTML Panel) and chosse "Open in
New Tab" there.

Hope this helps a bit more.

Sebastian