Hi Michael,
I made some corrections to validate. But I still have problems. The validation failed before because the hidden text where separated with <p> nested with the rest of the code. Now I use <br /> instead. I try to use a demo created by Stu Nicholls of CSSPLAY. The demo is "show me some more". http://www.cssplay.co.uk/menu/more.html In an answer by Stu to one of my comments he said that I have to use nested tables like he use in is drop down menus. http://www.cssplay.co.uk/comments/comments.php?comment_id=more%20poetry I am not an expert in css and I do not know if I understand completely the advice of Stu. By trying is advice It is a step forward in FF. Links in the hidden part works but the links "plus" is working up side down and the hidden part refuse to hide. In IE6 links not showed and part of the hidden texts are missing. You talk about JavaScript but I know nothing about it. I do not know what to change in this script. GJ ----- Original Message ----- From: "Michael Landis" <[EMAIL PROTECTED]> To: "Appalaches Web" <[EMAIL PROTECTED]> Cc: <css-d@lists.css-discuss.org> Sent: Monday, July 31, 2006 1:25 PM Subject: Re: [css-d] Problem with css popup info box On 7/28/06, Appalaches Web <[EMAIL PROTECTED]> wrote about http://connaissances.org/site2: > In the hidden part the link anchor text in the middle of the first paragraph > is missing in IE6 but all texts after this link are in italic. Other links in > hidden paragraph 2 and 3 are visible but in italic too. How could I fix that? > > The only way I know to fix the missing link is to erase the rules for > these links in the span="liens" of my style sheet and put directly > these rules in the link tag. But the italic still remains. > > In FF it is worst as you can see. The "plus»" link to show the hidden > part of the box works in a reversed way. The first part of hidden paragraph > #1 is missing but the link missing in iE6 Is there in FF. The following > texts are in italic too. Hi, GJ, I think many of the problems are coming from the fact that the popups are not valid HTML. According to the HTML 4 space (which the XHTML 1 spec is based on), <a> and <em> tags are inline, and can only contain other inline elements. <p> tags are block elements, which cannot reside within inline elements. It seems likely that the browsers are attempting to deal with this by cutting some tags short and adding additional ones to make up for the cut tags. You may want to run the page through the W3C validator[1] and rewrite your page until it validates correctly. More likely than not you will need to make your "plus" links separate from the hidden content. This is not necessarily a bad thing. Since you are having the user click the link to make the content appear, you are adding behavior to the link. It may be more appropriate to use a little more JavaScript than what you already have, and have the JS show the additional content explicitly, rather than relying on the presentational language of CSS to handle this behavior. HTH, Michael [1] http://validator.w3.org ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
