358250 - :hover ignore some "display:none" when you first load the page

Status: VERIFIED WORKSFORME

(Core :: Layout, defect)

Description

[Gabriel Stabel]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; pt-BR; rv:1.8.1) Gecko/20061010 Firefox/2.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; pt-BR; rv:1.8.1) Gecko/20061010 Firefox/2.0

When you acess the page for the first time (or erase the cache before acess it), some <P> tags, that are with "style:display" setted "none", apears before you over it.
(Sorry about any english problem. I'm from Brazil.)

Reproducible: Always

Steps to Reproduce:
1. Acess the page: http://www.stacas.com.br/bug/bug.htm
2. Pass the mouse over de text. You will see a "yellow box" with a text inside.
3. Note that some identical lines show their content without you put the mouse over it.
4. Refresh the page and que problem will disapear.
P.s.: To see it again erase your cache and acess the page again.
Actual Results:  
Some unwished texts setted invisible apears.

Expected Results:  
Keep all the text hidden until you pass the mouse over it.

Comment 1

[Gérard Talbot]

Gabriel, you have a block-level element (a <p>) inside an inline-element (an <a>). That's wrong. Inline elements belong, should be inside block-level element. Your markup and your css code should be corrected first.

Please visit:
Using Web Standards in Your Web Pages
The benefits for valid markup code
Item: misused or misplaced elements
http://www.mozilla.org/docs/web-developer/upgrade_2.html#benefitsvalidmarkup

<p>...<a href="..." ...> ... </a></p>
is properly formed.

<a href="..." ...><p>... ... </p></a>
is malformed, syntaxically incorrect.

Also, you may want to visit:

Liberty! Equality! Validity!
Section 2.3 Improper Nesting of Elements
http://developer.mozilla.org/en/docs/Liberty%21_Equality%21_Validity%21#Improper_Nesting_of_Elements

Just toggling visibility: hidden and visibility: visible on a mouseover is what you would need, if I understood you right.

Comment 2

[Gérard Talbot]

Gabriel,

I just loaded a quick webpage for you here:

http://www.gtalbot.org/BugzillaSection/Bug358250.html

I'm resolving this bug as WORKSFORME

If you have a problem with the quick webpge, send me an email.

Comment 3

[Gabriel Stabel]

Gérard,
Tankx a lot for your attention.
I have learned CSS, DOM, etc by myself... just observing tha codes over the internet. So that's why a have a lack about "formal" syntaxical definitions ;).
I got the problem now. As long as it was a definiton problem I will mark the bug as verified.

Well... I spent 4 hours today, identify the problem, isolating it, searching similar bugs, and reading que bugs instructions to post here... just to try give my litle contribution to "comunity"... It worth the learing. ;)

Gabriel

P.s.: In my real aplication I realy need to use the "display" properity, but thankx for the tip anyway. I didn't know it. Certanly will be usefull someday.