Browser issues - need help ... $#@!

Browser issues - need help ... $#@!

Patrick Malley -
回帖数：6
So, I'm trying to create sidebar links within lists that display as highlighted blocks when you hover over it. Phew!

In other words, I've added the following CSS to a new theme that I"m 98% done with:

.sideblock .content ul li a {
 display: block;
 padding:6px 0 6px 10px; 
}
This works well in Firefox and Safari. Doesn't work so well in IE and Opera.

Am I doing something wrong? Is there another way I should be trying to achieve the behavior I am going for?

I have it set as default on my Moodle demo: http://newschoollearning.com/moodle

See attached picture to get a better idea of what I'm getting and what I'm trying to achieve.

Thanks in advance for any help.


附件 Picture_6.png
平均分： -
回复Patrick Malley

Re: Browser issues - need help ... $#@!

Mauno Korpelainen -

Hi Patrick,

I am not 100% sure if this helps because I can't test it with your theme but it looks like UL tag is taking one row in IE. Try to paste

.sideblock UL {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; line-height: 0.1em;

}

to some of style sheets (if it causes problems try styles_ie7.css first)

And that style switcher is GREAT!!! smile

平均分： -
回复Mauno Korpelainen

Re: Browser issues - need help ... $#@!

Mauno Korpelainen -

Just checked it with an other theme and you could use (in "normal" style sheets) as well

line-height: 0em;

or

line-height: none;

for .sideblock UL

I don't have Opera installed but it should work with Opera too. No problems with my Firefox.

平均分： -
回复Mauno Korpelainen

Re: Browser issues - need help ... $#@!

Patrick Malley -
My hero! You're a real saint. Simple, yet perfect.

I simply added

.sideblock ul {

line-height:0em;

}


to my CSS.
平均分： -
回复Patrick Malley

Re: Browser issues - need help ... $#@!

Joseph Rézeau -
Core developers的头像 Particularly helpful Moodlers的头像 Plugin developers的头像 Testers的头像 Translators的头像

Hi Patrick,

I do like your Moodle demo: http://newschoollearning.com/moodle site (probably based on the Kubrick fixed-width theme?). I personally like very much the idea of highlighted anchor blocks when hovering over them and I don't know why they are almost non-existent in "standard distribution" Moodle theme (I do it in my orangechoc theme).

I've just noticed that your blocks work OK in both FF 2 and MSIE 7, although the red text coloring only appears in MSIE 7 (see attached screenshot).

Finally, I also like a lot your "customizing menu" at the top right (font size, color & width). Is this freely available to moodle users?

All the best, and keep up the good work,

Joseph

附件 image00.jpg
平均分： -
回复Joseph Rézeau

Re: Browser issues - need help ... $#@!

Patrick Malley -
Thanks for pointing out the strange behavior. I'll look into that this evening.

The style switcher is a fairly simple javascript switcher that I found on "A List Apart." Sometime next week, I'll post a tutorial on my site showing how to plug it into any Moodle theme. I'll be sure to let you know when I do.
平均分： -
回复Patrick Malley

Re: Browser issues - need help ... $#@!

Roger Emery -

That's interesting the Theme Switcher.

I've been looking for a way to switch themes right at the URL level eg:-

mymoodlesiteURL.org/mobile
mymoodlesiteURL.org/pda
mymoodlesiteURL.org/hicontrast

etc etc so users don't have to go all the way into their profile to change the theme each time they change device.

平均分： -