[css-d] Menu Problem

[William Gates]

Hi Dipesh,
Your pages don't validate - there are some markup problems - ie  
unclosed divs, duplicate ids etc. It's always best to validate first  
before dealing with CSS.
There is a validator at: http://validator.w3.org
Regards
William
__
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 problem

[Dipesh Parmar]

I'm creating a simple thumbnail portfolio in html/css, but i've come across a 
strange problem which i cant fix. I've created the css so all the pages 
function the same, but on the gallery pages 
(gallery/gallerytwo/gallerythree.html) the top menu moves up another 10pixels 
or so. It appears on safari, firefox and chrome, i havent even tested it on IE 
yet. The menu is fine on all other pages. Can anyone help?

http://dvpwebdesign.com/test/index.html

Dipesh
__
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 problem with IE6+7

[Sh]

thanks! the white iframe did go away, all works perfect on IE 6 but in
 IE 7 the menu expands and only when rollover the sub menu it shrinks
back. Any idea how to fix that?
(I added both the head hack tag plus deleted the iframe from the JS)

thanks!!
Sh

On Fri, Mar 13, 2009 at 4:46 AM, Bill Brown  wrote:
> Sh wrote:
>>
>> Hi,
>> I have a problem in IE (6+7) when mouse-over the menu where there's a
>> sub-menu (dreamweaver- spry), It shows a white cell under the sub
>> menu.
>> This doesn't show wither in FF, Safari and IE mac.
>> Any help will be greatly appreciated
>
> Ah, SpryMenus. Hate's too strong a word, but it's close. What you're seeing
> isn't actually a white cell, but rather an iframe hack included by the
> SpryMenu JavaScript. It's frequently more harmful than helpful.
>
> Your best solution is probably to remove the iframe creation part of the
> javascript, or simply comment it out.
>
> Another possible solution would be adding this to your site head tag:
> 
>
> That's completely untested for your site, but it works quite well on my
> (home-grown, non-Spry) menus.
>
> Best of luck.
> Bill
>
> --
> 
>



-- 
Sh
__
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 problem with IE6+7

[Bill Brown]

Sh wrote:
> Hi,
> I have a problem in IE (6+7) when mouse-over the menu where there's a
> sub-menu (dreamweaver- spry), It shows a white cell under the sub
> menu.
> This doesn't show wither in FF, Safari and IE mac.
> Any help will be greatly appreciated

Ah, SpryMenus. Hate's too strong a word, but it's close. What you're 
seeing isn't actually a white cell, but rather an iframe hack included 
by the SpryMenu JavaScript. It's frequently more harmful than helpful.

Your best solution is probably to remove the iframe creation part of the 
javascript, or simply comment it out.

Another possible solution would be adding this to your site head tag:


That's completely untested for your site, but it works quite well on my 
(home-grown, non-Spry) menus.

Best of luck.
Bill

-- 

__
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 problem with IE6+7

[Sh]

Hi,
I have a problem in IE (6+7) when mouse-over the menu where there's a
sub-menu (dreamweaver- spry), It shows a white cell under the sub
menu.
This doesn't show wither in FF, Safari and IE mac.
Any help will be greatly appreciated

here is the site: http://wendyrichmond.com

thanks


-- 
Sh
__
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-problem IE6

[Ib Jensen]

2008/12/23 Gunlaug Sørtun :
> Ib Jensen wrote:
>
> ...and a read-up on CSS standards...
>
> 
>
> That should lead to improved control over web design and browsers in no
> time - once you have practiced a bit.

I think I'm practicing all the time, but I'm hopefully learning
something, sometime ;-)


> ...but once you're able to sort software-bugs from the more ordinary
> designer-bugs it won't be too hard :-)

That'll problably take some time :-(

Anyway, Thanks for the hints



Glae(æ)delig jul og Godt Nytaa(å)r


-- 
Regards / Mhv.
Ib K. jensen
__
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-problem IE6

[Gunlaug Sørtun]

Ib Jensen wrote:

> I need to _get / buy_ some very explaning books on CSS!

Wouldn't surprise me if you can read/understand German at least as well
as I do, and this one goes in some depth and has good examples and
references...



In addition to that you'll need some understanding of what's wrong with
old IE and how to control its worst bugs...




...and a read-up on CSS standards...



That should lead to improved control over web design and browsers in no
time - once you have practiced a bit.


You'll run into browser-bugs and other nastiness for years to come anyway...



...but once you're able to sort software-bugs from the more ordinary
designer-bugs it won't be too hard :-)

regards
Georg
-- 
http://www.gunlaug.no
__
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-problem IE6

[Ib Jensen]

2008/12/23 Gunlaug Sørtun :
> Ib Jensen wrote:
>>
>> Any hints ??
>
> Same 'hasLayout' trigger on anchors as before, but with the necessary
> selector-addition to target the left menu also...
>
> #menu ul li a, #menu_l ul li a  {height: 1%;}
>
>
>> PS! Any hints on : Downsizing a picture nicely. The two pictures in
>> the Content-area, in fact.
>
> #center img {max-width: 90%; height: auto; width: auto;}
>
> ...will let those images stay at intrinsic size when there's enough
> space, and scale down when necessary.
> Doesn't work in IE6 and older - need separate styles, but all somewhat
> new browsers will handle such scaling reasonably well.
>

Thanks for your explaning answer.

I need to _get / buy_ some very explaning books on CSS!


-- 
Regards / Mhv.
Ib K. jensen
__
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-problem IE6

[Gunlaug Sørtun]

Ib Jensen wrote:
> Hi
> 
> Link: ikjensen.dk/test/
> 
> 
> I'm working on a new design.
> 
> And naturally having an IE6 problem. The css in the menu are the
> same, except the Fly-outs are floated Right and Left. The problem is
> the Left side, where IE is placing a extra line, below the Sub-menu.
> 
> In Firefox 2.x, it works.
> 
> Any hints ??

Same 'hasLayout' trigger on anchors as before, but with the necessary
selector-addition to target the left menu also...

#menu ul li a, #menu_l ul li a  {height: 1%;}


> PS! Any hints on : Downsizing a picture nicely. The two pictures in
> the Content-area, in fact.

#center img {max-width: 90%; height: auto; width: auto;}

...will let those images stay at intrinsic size when there's enough
space, and scale down when necessary.
Doesn't work in IE6 and older - need separate styles, but all somewhat
new browsers will handle such scaling reasonably well.

regards
Georg
-- 
http://www.gunlaug.no
__
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-problem IE6

[Ib Jensen]

Hi

Link: ikjensen.dk/test/


I'm working on a new design.

And naturally having an IE6 problem.
The css in the menu are the same, except the Fly-outs are floated
Right and Left.
The problem is the Left side, where IE is placing a extra line, below
the Sub-menu.

In Firefox 2.x, it works.

Any hints ??


PS!
Any hints on : Downsizing a picture nicely. The two pictures in the
Content-area, in fact.

-- 
Regards / Mhv.
Ib K. jensen
__
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-problem in IE6

[Ib Jensen]

Hi

Link: ikjensen.dk/test/


I'm working on a new design.

And naturally having an IE6 problem.
The css in the menu are the same, except the Fly-outs are floated
Right and Left.
The problem is the Left side, where IE is placing a extra line, below
the Sub-menu.

Any hints ??


PS!
Any hints on : Downsizing a picture nicely. The two pictures in the
Content-area, in fact.


-- 
Regards / Mhv.
Ib K. jensen
__
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 problem

[David Laakso]

Patrick Roane wrote:

>Thanks for the demo! This is a great help. According
>to the the 'font-increase' problem described below.
>I'm not sure there is anything I can do about that.
>Does anyone have an idea of how I can avoid the
>'font-increase' problem in firefox/IE?
>
>  
>
Adding font-size: 100% to the body, html declaration corrects the ie 
font-size bug.
Validating your css file prevents Opera from rendering  the 
background-color fuchsia in my machine. I guess you know the line "Watch 
for..." is positioned differently in ie than in good browsers?
Regards,
~davidLaakso
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] menu problem

[Patrick Roane]

Thanks for the demo! This is a great help. According
to the the 'font-increase' problem described below.
I'm not sure there is anything I can do about that.
Does anyone have an idea of how I can avoid the
'font-increase' problem in firefox/IE?

Thanks-

Patrick

--- Patrick Mannix <[EMAIL PROTECTED]> wrote:

> Roger Roelofs wrote:
> ...
> >>>But, this time- for some reason the 'hover' does
> not look good. It is
> >>>as if the bottom 1/4 of the 'green hover image'
> is cut off.
> >>>http://www.pdrsolution.com/waters/index.html
> 
> >>Patrick,
> > ...
> >>The fix described is demo'd here:
>
>>http://www.tfelice.com/testcase/offsetHoverMenu.html
> >> ... Anyone still see any mac/opera issues?
> > 
> > It looks good in both ff1.5 and Op9pre on my mac.
> 
> Actually better on Opera -- it withstands 200% zoom.
> Breaks after several font size increases in Firefox,
> and behaves very 
> badly in IE 6 (all on XP SP2) on font size change.
> As Roger said, these 
> are unrelated to the initial question, so same
> qualification applies.
> - Pat -
> Patrick Mannix
> 
> > On an unrelated note, there's no bg color set on
> body.  I realize you 
> > are doing a demo for Patrick so if the original
> page doesn't have this 
> > problem, feel free to ignore me.
> > Roger,
>
__
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org --
> http://www.evolt.org/help_support_evolt/
> 


Patrick Roane
Web design and development
www.franklin-band.com
Fox River Grove, Il.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] menu problem

[Patrick Mannix]

Roger Roelofs wrote:
...
>>>But, this time- for some reason the 'hover' does not look good. It is
>>>as if the bottom 1/4 of the 'green hover image' is cut off.
>>>http://www.pdrsolution.com/waters/index.html

>>Patrick,
> ...
>>The fix described is demo'd here:
>>http://www.tfelice.com/testcase/offsetHoverMenu.html
>> ... Anyone still see any mac/opera issues?
> 
> It looks good in both ff1.5 and Op9pre on my mac.

Actually better on Opera -- it withstands 200% zoom.
Breaks after several font size increases in Firefox, and behaves very 
badly in IE 6 (all on XP SP2) on font size change. As Roger said, these 
are unrelated to the initial question, so same qualification applies.
- Pat -
Patrick Mannix

> On an unrelated note, there's no bg color set on body.  I realize you 
> are doing a demo for Patrick so if the original page doesn't have this 
> problem, feel free to ignore me.
> Roger,
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] menu problem

[Roger Roelofs]

Tony,

On Dec 30, 2005, at 1:27 AM, {tonyFelice} wrote:

> Patrick Roane wrote:
>
>> I'm creating a menu using a single image. ...
>> using the 'off-set' technique.
>
>> But, this time- for some reason the 'hover' does not look good. It is
>> as if the bottom 1/4 of the 'green hover image' is cut off.
>> http://www.pdrsolution.com/waters/index.html
>
> Patrick,
> I appended the style with line height, and it worked in IE6/win, and 
> padded
> it a bit for FF/win:
>
> ul#menu li a { padding-bottom:6px; }
> * html body ul#menu li a { line-height:26px; }
>
> The fix described is demo'd here:
> http://www.tfelice.com/testcase/offsetHoverMenu.html
>
> Hope that helps.  Anyone still see any mac/opera issues?

It looks good in both ff1.5 and Op9pre on my mac.

On an unrelated note, there's no bg color set on body.  I realize you 
are doing a demo for Patrick so if the original page doesn't have this 
problem, feel free to ignore me.

hth
Roger,

Roger Roelofs

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] menu problem

[{tonyFelice}]

Patrick Roane wrote:

>I'm creating a menu using a single image. ...
>using the 'off-set' technique.

>But, this time- for some reason the 'hover' does not look good. It is
>as if the bottom 1/4 of the 'green hover image' is cut off.
> http://www.pdrsolution.com/waters/index.html

Patrick,
I appended the style with line height, and it worked in IE6/win, and padded
it a bit for FF/win:

ul#menu li a { padding-bottom:6px; }
* html body ul#menu li a { line-height:26px; }

The fix described is demo'd here:
http://www.tfelice.com/testcase/offsetHoverMenu.html 

Hope that helps.  Anyone still see any mac/opera issues?

Tony

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] menu problem

[Patrick Roane]

Hey folks,

I'm creating a menu using a single image. When you
hover over any of the buttons, the "hover" state is
'green' and should cover the 'static' state (blue)
using the 'off-set' technique. 

I've done this before successfully. But, this time-
for some reason the 'hover' does not look good. It is
as if the bottom 1/4 of the 'green hover image' is cut
off. 

Has anyone had this problem before?

Any help with this would be great! Please see:
 
http://www.pdrsolution.com/waters/index.html

Thanks-

Patrick

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Menu problem in IE

[Graham]

Padding problem.

Change your styles as shown
#gallery a, #gallery a:visited {
color:Navy; 
text-decoration:none; 
display:block; 
padding:5px 5px 5px 20px;
background: #DF url(arrow.gif) no-repeat 10px 10px; 
width:125px;
}

#gallery a:hover {
background: #DEEFFF url(arrowr.gif) no-repeat 11px 10px;
color: Navy;
width:125px;

}
* html #gallery a, * html  #gallery a:visited,* html #gallery
a:hover{width:150px;}

Graham

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Peter
Sent: Monday, 9 May 2005 9:36 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Menu problem in IE

http://www.captainclassfrigates.co.uk/ie7/miranda.html
http://www.captainclassfrigates.co.uk/ie7/miranda.css

on the selected item & when hovering on a menu item the background
colour shod change (and it does) but in IE the change does not go
accross the entire width of the menu (works fine in FireFox).

All help appreciated

Peter
-- 
Everything we hear is an opinion, not a fact.
Everything we see is a perspective, not the truth.
"Emperor of Rome Marcus Aurelius"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Menu problem in IE

[Peter]

http://www.captainclassfrigates.co.uk/ie7/miranda.html
http://www.captainclassfrigates.co.uk/ie7/miranda.css

on the selected item & when hovering on a menu item the background
colour shod change (and it does) but in IE the change does not go
accross the entire width of the menu (works fine in FireFox).

All help appreciated

Peter
-- 
Everything we hear is an opinion, not a fact.
Everything we see is a perspective, not the truth.
"Emperor of Rome Marcus Aurelius"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/