Come On Baby Light My Fire ... bug. Need a Pointer
-
-
- Alyoshablue
- Sr. Rocketeer
- Posts: 103
- Thanks: 0
- Small Business Owner - Construction
-
Hey, all:
This is a general Firebug question that I have had that I been unable to learn more about either through these forums or at the Firebug site - or Google. (quite likely I have overlooked it).
When you inspect an element in Firebug, often times, it lists the file where the CSS attributes reside. However, when there is not a file listed, as per my attached picture, how do you go about locating the file? I believe it is due to the fact that maybe that element is not controlled by a CSS?
Thanks in advance for your time.
Matt - Last Edit: 14 years 11 months ago by Alyoshablue.
- Browsers: Chromium/Firefox (w/ Firebug)
Joomla Ver: 1.5.21
Gantry: 3.0.12
OS: Ubuntu 10.10/Win7
-
-
-
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
- Could you please provide your website link so we can see and check the problem?
-
-
-
- Arnaud
- Sr. Rocketeer
- Posts: 102
- Thanks: 0
-
Hi !
This is not a bug. Element style are defined in HTML, PHP code and not in a CSS file.
Look at the generated code in the HTML window. You can see :
<img border="0" src=".."......... style="position: absolute; right:40px;">
Arnaud
-
-
-
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
- That element might be coded inline or another possibility is inserted by javascript
-
-
-
- Alyoshablue
- Sr. Rocketeer
- Posts: 103
- Thanks: 0
- Small Business Owner - Construction
-
Thanks, Arnaud and Arifin:
Arnaud, I didn't mean to represent this post as a bug, I was only playing with the words using a Doors' song - might not make sense for people unfamiliar with the Doors. Regardless, I suspected as much, that the coding resides elsewhere in the HTML, PHP code, et al.
Unfortunately, that leaves the newbie, such as myself, still searching for the control of that element. So, let me rephrase my question a little. If you, Arnaud or Arifin, when using Firebug, click on that element and discover that there is not a file listed, how would you all go about either identifying where that code is or crafting some code to override that element?
I am not looking specifically for a solution to this problem, and that is why I posted it in this "general" forum. I was just trying to gleam a little bit of knowledge from the all-stars.
Nonetheless, I am thankful for the feedback so far. - Browsers: Chromium/Firefox (w/ Firebug)
Joomla Ver: 1.5.21
Gantry: 3.0.12
OS: Ubuntu 10.10/Win7
-
-
-
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
-
We can override the element using !important. For example:
<div class="someclass"> <img border="0" src="/some/path/img.jpg" style="position: absolute; right:40px;"> </div>
Add below code to your css:.someclass img {right: 10px !important;}
-
-
-
- Alyoshablue
- Sr. Rocketeer
- Posts: 103
- Thanks: 0
- Small Business Owner - Construction
-
Thanks, Arifin. Helps me out more than you know. I owe you a few. Next time I am in Ibaraki, I'll get the first two rounds.
- Browsers: Chromium/Firefox (w/ Firebug)
Joomla Ver: 1.5.21
Gantry: 3.0.12
OS: Ubuntu 10.10/Win7
-
-
-
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
-
Alyoshablue wrote:
Thanks, Arifin. Helps me out more than you know. I owe you a few. Next time I am in Ibaraki, I'll get the first two rounds.Hehe
Glad to hear I could assist you. Just let me know if you have any further issue.
-
Time to create page: 0.053 seconds