Re: [css-d] drop down bug in IE6
Mauricio Samy Silva and Ingo Chao wrote:
Hi Ingo,
1-) Thanks for take your time and fix the problem.
For information purposes only:
A friend point out another fix.
He said:
You need to use 1px and not 1% here:
* html ul li a {height: 1px;}
I think sometimes the 1% equates to 0 and doesn't seem to enforce
layout correctly. You will quite often find that 1% and 1px give
different behaviors in IE so always try both.
His fix worked. What you think about?
Correct. However, it does not fix the issue of the empty box.
Hover portfolio, then interfaces, then graficas. Now, leave the
subsubnav. The sub and subsub collapse, as expected. Now move the mouse
back to portfolio again. See the sub /and/ subsub nav expand at once,
which is wrong. The subsub is not filled with text, but bordered. It
should not show up at all.
Ingo
Hi Mauricio and Ingo
I will confirm what Ingo is saying and I have a screenshot [1] with a darker
background for some contrast to see it properly. Not usual the bug disappears
in IE7 when JS is disabled. So it is related to the sticky hover bug [2] maybe.
I find it usual that when JS is enabled that I have to play leap frog in IE7 to
access the submenus as the Portfolio link is not behaving as a block with a
pointer showing all the time and the li:hover loses focus. This somewhat
disappears when JS is disabled but the pointer still disappears.
Swapping the width from the uls to the anchors seems to resolve all issues
for IE7, but causes trouble now for IE6. I have play around with a fix [3] but
still there is a big issue with the JS and IE6.
[1] http://css-class.com/x/ie7screenshotmenu.png
[2] http://css-class.com/articles/explorer/sticky/index.htm
[3] http://css-class.com/x/teste.htm
Kind Regards, Alan
http://css-class.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advanced CSS techniques book
Robert James wrote: I'd like to improve my CSS techniques. I'm comfortable with basic CSS, but there's a lot of advanced stuff out there which I'd like to leverage. (I especially have trouble with some of the advanced positioning.) Can anyone recommend a good book for the advanced techniques? ... There is a link to our WIKI/FAQ at the bottom of every post. It has a page about books that a lot of people have put effort into creating. You might find something useful there: http://css-discuss.incutio.com/?page=GoodBooks -- Bob Easton Accessibility Matters: http://access-matters.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advanced CSS techniques book
Good Day Robert, I have purchased four different books on CSS and can say that The CSS Anthology... by Rachel Andrew is the best I have seen. http://www.sitepoint.com/books/cssant1/ Take Care, Rich __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What tag to use for the company's slogan?
Marcelo de Moraes Serpa wrote: I have a website that has a header with a Title and a slogan something like Company - Your road to success. I've put Company inside a h1 and used CSS to text-indent:- should I put the slogan inside the h1 as well? I want to keep semantics good enough. Choice of markup is as such not a CSS question, so it's off-topic on this list. Consider asking in some general WWW design or HTML authoring forum, and don't forget to include the URL if you wish to get specific help with a specific site. However, as a strictly CSS issue, the declaration text-indent:- is ignored by conforming browsers, since it violates CSS syntax (a unitless number is not allowed as the value of this property, except for 0). Moreover, it is usually unwise to use some particular markup or content relying on the possibility of overriding it in CSS, since the effects of CSS style sheets cannot be guaranteed (in principle and in practice). Jukka K. Korpela (Yucca) http://www.cs.tut.fi/~jkorpela/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to control space between table rows
Thanks for helping me with this. The table is now as it should.
I must say I am surprised that a image must have display:block to
get rid of space at the top and bottom. If I understand correctly
whats happening here.
I thought a image was inline and thus didnt have any space on top and
bottom a there is no blind line / CR-line. Thanks again Fantasai and
Jon Marc :)
Erland
Den 27. okt.. 2007 kl. 23.44 skrev fantasai:
JonMarc Wright wrote:
img { display: block; }
or
img { vertical-align: top; }
should help.
using display: block will do fine for eliminating the double
spacing between
your table rows. it sounded like you wanted the images to have no
space
around them at all (in other words no blue background showing
through). If
that is the case, you will need to add the following attribute to
your
table element:
cellpadding=0
that will eliminate the 1px of space between each image so there is
no blue
border showing through.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
