Here is the site: Click me

When I tried to hover my #header div when I try using inspect element from google chrome like from div id=header it doesn't highlight.



It is supposed to have also a blue highlight like this example:



#header div

Thank you.

The image on the right you haven't highlighted the <div id="header"> like you have in the one on the left and below. The line above the one highlighted is the header div....

The <div> you're hovering over is 0px, and won't appear without a height. The reason <div id="header"> appears, is because it's 217px high.

 

If you add some text or apply a demo height to the element, it should highlight as expected.

The image on the right you haven't highlighted the <div id="header"> like you have in the one on the left and below. The line above the one highlighted is the header div....

 

The <div> you're hovering over is 0px, and won't appear without a height. The reason <div id="header"> appears, is because it's 217px high.

 

If you add some text or apply a demo height to the element, it should highlight as expected.

I already fixed it but I got this problem again, I am really trying hard though.

 

my search form and ul navigation problem

 

http://raineerdelarita.comuv.com/test/

 

 

Thank you

Edited August 21, 201411 yr by graphicnerd

Are you using CSS floats? If you haven't cleared them using something like clearfix, this can also happen.

Are you using CSS floats? If you haven't cleared them using something like clearfix, this can also happen.

 

 

http://raineerdelarita.comuv.com/test/

 

I already fixed it but my form button overlaps and how to remove my searchbtn value="search"

Edited August 23, 201411 yr by graphicnerd

It might just be because I'm more familiar with it, but I find firebug more useful than chrome inspect element.

It might just be because I'm more familiar with it, but I find firebug more useful than chrome inspect element.

What do you mean?