Re: [css-d] menu background images don't appear at hovering - SOLVED
Hello,
I've figured it out, I (simplyharhar... hours later) had to add:
#mainmenu a { display: block;}
to make the hovering bg images all appear fine
(still, I don't why the normal bg images showed fine and only at
hovering they didn't ...
I really hate it if I don't understand the (weird or logical)
behaviour behind the cssscenes ...)
thanks for all who tried to help,
bye,
beate
__
css-discuss [cs...@lists.css-discuss.org]
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/
[css-d] menu background images don't appear at hovering
Hello dear list,
I am trying to use background-images for menuitems and different ones
at hovering over such.
for hiding the actual menutexts I wrap the menuitems texts with a span
class (.mainmenuitem { display: none; }
I've done so successfully on other sites (www.scanrock.de) but cannot
figure out why the hovering of the background images don't work on
that new site I am creating right now.
(when I copy/paste the menu in question in the other/older/well
functioning scanrock site's menubar, all works fine)
here the URLs for chekcingh:
page with background-images displaying fine in normal state, but don't
change at hovering
http://www.denijsdesign.de/more/clients/mendl/seiten/1.html
stylesheets:
http://www.denijsdesign.de/more/clients/mendl/css/mendl_basic.css
http://www.denijsdesign.de/more/clients/mendl/css/mendl_mm.css
same page but with this class .mainmenuitem { display: none; }
removed in stylesheet
http://www.denijsdesign.de/more/clients/mendl/seiten/t_1.html
background-images change now at hovering as they should
(but the textlinks are also visible, of course, as the span class
display:none is no longer hiding them)
stylesheets:
http://www.denijsdesign.de/more/clients/mendl/css/t_mm_hover_mendl_basic.css
http://www.denijsdesign.de/more/clients/mendl/css/t_mm_hover_mendl_mm.css
can somebody figure out what I must do to get it right?
bye,
beate
(css not yet optimized for ie6/7 ... for the case you would check in
these browsers... ;-)
__
css-discuss [cs...@lists.css-discuss.org]
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] menu background images don't appear at hovering
Hi,
You CSS in mendl_mm.css:
li#mm_news { ... }
li#mm_news a:hover { ... }
li#mm_kontakt { ... }
li#mm_kontakt a:hover { ... }
and so on...
The a tags have no width or height so you can either do one of the
following:
(1) Add:
.mainmenulist li a { width: 156px; height: 40px; }
(2) Change:
li#mm_news { ... }
li#mm_kontakt { ... }
And all others to:
li#mm_news a { ... }
li#mm_kontakt a { ... }
Ta,
~Mx
On Apr 17, 2009 7:38am, B. de Nijs bden...@denijsdesign.de wrote:
http://www.denijsdesign.de/more/clients/mendl/css/mendl_basic.css
http://www.denijsdesign.de/more/clients/mendl/css/mendl_mm.css
can somebody figure out what I must do to get it right?
__
css-discuss [cs...@lists.css-discuss.org]
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] menu background images don't appear at hovering
Hi mx,
thanks for your answer.
but unfortunate the hover bg images of my menu still don't appear ...
either the code it not yet correct, or I've done sth wrong at your
instruction...
see the new testpage here:
http://www.denijsdesign.de/more/clients/mendl/seiten/t_2.html
and it's relevant stylesheet:
http://www.denijsdesign.de/more/clients/mendl/css/t_2_mendl_mm.css
maybe you (or somebody else) can look at it again, please?
bye,
beate
again here the former pages/css urls
page with background-images displaying fine in normal state, but don't
change at hovering
http://www.denijsdesign.de/more/clients/mendl/seiten/1.html
stylesheets:
http://www.denijsdesign.de/more/clients/mendl/css/mendl_basic.css
http://www.denijsdesign.de/more/clients/mendl/css/mendl_mm.css
same page but with this class .mainmenuitem { display: none; }
removed in stylesheet
http://www.denijsdesign.de/more/clients/mendl/seiten/t_1.html
background-images change now at hovering as they should
(but the textlinks are also visible, of course, as the span class
display:none is no longer hiding them)
stylesheets:
http://www.denijsdesign.de/more/clients/mendl/css/t_mm_hover_mendl_basic.css
http://www.denijsdesign.de/more/clients/mendl/css/t_mm_hover_mendl_mm.css
Am 17.04.2009 um 17:32 schrieb mx.css...@googlemail.com:
Hi,
You CSS in mendl_mm.css:
li#mm_news { ... }
li#mm_news a:hover { ... }
li#mm_kontakt { ... }
li#mm_kontakt a:hover { ... }
and so on...
The a tags have no width or height so you can either do one of the
following:
(1) Add:
.mainmenulist li a { width: 156px; height: 40px; }
(2) Change:
li#mm_news { ... }
li#mm_kontakt { ... }
And all others to:
li#mm_news a { ... }
li#mm_kontakt a { ... }
Ta,
~Mx
On Apr 17, 2009 7:38am, B. de Nijs bden...@denijsdesign.de wrote:
http://www.denijsdesign.de/more/clients/mendl/css/mendl_basic.css
http://www.denijsdesign.de/more/clients/mendl/css/mendl_mm.css
can somebody figure out what I must do to get it right?
__
css-discuss [cs...@lists.css-discuss.org]
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/
