[css-d] Test with Selectors

Hi all Giving myself a nice learning curve, I have developed some test with selectors. Each test is still under review and slowly becoming more complex. I can see some test pages splintering on to other test pages. I am developing it in a way that it shows firstly if a browser doesn't supports

Re: [css-d] Margins above table cells

On Nov 27, 2007, at 1:58 PM, Robert James wrote: > I'm displaying elements with CSS like this: > > a.button-style > { > display: table-cell; > width: 100px; > height: 70px; > background-color: blue; > vertical-align: middle; > margin-top: 20px; > } > > Works great. However, the margin-top is ig

[css-d] Margins above table cells

I'm displaying elements with CSS like this: a.button-style { display: table-cell; width: 100px; height: 70px; background-color: blue; vertical-align: middle; margin-top: 20px; } Works great. However, the margin-top is ignored - I assume this is because table-cell is not a block element. Is the

Re: [css-d] IE Layout problems

Peter Bradley wrote: > Whilst I've got your attention, though ... Does anyone happen to > know why IE leaves a big gap between the top_nav and the pennawd_gw. The effect of 'hasLayout' triggers on div#cynnwys - 'width' and 'height', which makes the container clear the ul#top_nav as a "block". N

Re: [css-d] how to achieve space between ul ul li

On Nov 27, 2007, at 4:11 AM, jaklitsch maya wrote: > I have been trying for some time to get some distance > between > > ul > li > li > ul > li > li >/ul > li > > the last two li's and have had NO success. I have > tried ever which way that I can think of and nothing > h

Re: [css-d] IE Layout problems

Ysgrifennodd Gunlaug Sørtun: > Add... > > ul#cyfeirio {margin-left: 0;} > > ...or... > > ul#cyfeirio {margin: 0;} > > ...depending on where you want that ul to stay. > > IE/win uses margin-defaults on lists, while most other browsers use > padding-defaults. It is therefore a good practice to zero o

Re: [css-d] IE Layout problems

Peter Bradley wrote: > http://www.peredur.uklinux.net/Amnesty/amdanom.html > For some reason, IE insists on pushing the ul that forms the sidebar > navigation links out about 10px to the right. Add... ul#cyfeirio {margin-left: 0;} ...or... ul#cyfeirio {margin: 0;} ...depending on where you w

[css-d] IE Layout problems

Hi, I'm sure this is a common problem. I've seen quite a few similar posts in the archives, but nothing that I recognised as being of direct help. If I've missed something, please point me at the right place and I'll bother you no more :0) My basic problem is that I have a layout that works

[css-d] css menu obscured by form input in IE6 [revised]

I have a horizontal css-based dropdown menu and the dropdowns are obscured by form form elements in Win / IE6. So, when I hover over the first-level menu item, the dropdown menu slides behind the form element, but only in IE6. (I didn't test IE7 yet). It works fine in Firefox (Win and M

[css-d] css menu obscured by form input in IE6

I have a horizontal css-based dropdown menu and the dropdowns are obscured by form fields in Win / IE6. So, when I hover over the first-level menu item, the dropdown menu slides behind the fields, but only in IE6. (I didn't test IE7 yet). It works fine in Firefox (Win and Mac) and Safar

Re: [css-d] Quick flash of header background problem (IE6, IE7)

[EMAIL PROTECTED] wrote: > http://www.mycoast.eu/index.php?lang=EN > > If you open it in IE7 (IE6 behaves the same), you'll notice a quick > sort of 'flash' of the background *below* the header, before the > header background is rendered on screen. Observed in IE6 on a slow connection: There's an

Re: [css-d] IE7 zoom breaking the Holy Grail layout

Ann Randall wrote Oh, gosh, that's a disaster. Any good alternatives to ALA's Holy Grail? I completed a prototype in that format at http://izann.com/studentservices/ and can't even see the left-side navigation links in IE7. Ann Ann Randall Unfortuately you're not doing well in IE6, either. The

Re: [css-d] IE7 zoom breaking the Holy Grail layout

>>> On 11/26/2007 at 12:45 PM, Ingo Chao <[EMAIL PROTECTED]> wrote: Ingo Chao wrote: > David Laakso wrote: >> [EMAIL PROTECTED] wrote: >>> Hi, >>> >>> I notice that the Holy Grail layout on A List Apart >>> (http://www.alistapart.com/articles/holygrail) breaks in IE7 when the >>> zoom feature is

Re: [css-d] css not working with iphone

[EMAIL PROTECTED] wrote: > Yes, the dropdowns are the problem. I don't remember what I used as a > template > to develop the dropdown menus, but it looks similar to Tedd Sperling. Spent a > lot of time tweaking (trial and error) to get it to work right,but never > (obviously) tested it with iphon

Re: [css-d] IE7 zoom breaking the Holy Grail layout

Ingo Chao wrote: > David Laakso wrote: >> [EMAIL PROTECTED] wrote: >>> Hi, >>> >>> I notice that the Holy Grail layout on A List Apart >>> (http://www.alistapart.com/articles/holygrail) breaks in IE7 when the >>> zoom feature is used. The columns appear to shift horizontally as the >>> zoom is i

Re: [css-d] IE7 zoom breaking the Holy Grail layout

David Laakso wrote: > [EMAIL PROTECTED] wrote: >> Hi, >> >> I notice that the Holy Grail layout on A List Apart >> (http://www.alistapart.com/articles/holygrail) breaks in IE7 when the zoom >> feature is used. The columns appear to shift horizontally as the zoom is >> increased or decreased. Thi

Re: [css-d] how to achieve space between ul ul li

> I have been trying for some time to get some distance > between > > ul > li > li > ul > li > li >/ul > li > > the last two li's and have had NO success. I have > tried ever which way that I can think of and nothing > happens. > > Hi, I'm sure wiser minds than I wil

Re: [css-d] css not working with iphone

Yes, the dropdowns are the problem. I don't remember what I used as a template to develop the dropdown menus, but it looks similar to Tedd Sperling. Spent a lot of time tweaking (trial and error) to get it to work right,but never (obviously) tested it with iphone. Hoping I don't have to redo that

Re: [css-d] how to achieve space between ul ul li

I have been trying for some time to get some distance between ul li li ul li li /ul li the last two li's and have had NO success. I have tried ever which way that I can think of and nothing happens. The website url is http://www.necwa.org/new_site/mwr.html For this I

Re: [css-d] IE7 zoom breaking the Holy Grail layout

[EMAIL PROTECTED] wrote: > Hi, > > I notice that the Holy Grail layout on A List Apart > (http://www.alistapart.com/articles/holygrail) breaks in IE7 when the zoom > feature is used. The columns appear to shift horizontally as the zoom is > increased or decreased. This is a popular layout, has a

Re: [css-d] IE7 zoom breaking the Holy Grail layout

On Mon, 26 Nov 2007 13:12:20 -0500, [EMAIL PROTECTED] wrote: > Hi, > > I notice that the Holy Grail layout on A List Apart > (http://www.alistapart.com/articles/holygrail) breaks in IE7 when the zoom > feature is > used. The columns appear to shift horizontally as the zoom is increased or > decre

Re: [css-d] css not working with iphone

[EMAIL PROTECTED] wrote: > I'm using css menus and submenus at www.kepcopower.com, and it has been > working > fine for quite some time, however I discovered it does not work at all with > the > iphone browser. > > CSS file is www.kepcopower.com/menu04-pic.css > > Anyone have a clue? Any help wou

Re: [css-d] css not working with iphone

Hakan, No, I don't think so. I'm not using textarea. Reply Separator Subject:Re: [css-d] css not working with iphone Author: "Hakan K" <[EMAIL PROTECTED]> Date: 11/26/2007 12:53 PM iPhone Safari CSS positioning bug http://groups.google.com/gro

[css-d] IE7 zoom breaking the Holy Grail layout

Hi, I notice that the Holy Grail layout on A List Apart (http://www.alistapart.com/articles/holygrail) breaks in IE7 when the zoom feature is used. The columns appear to shift horizontally as the zoom is increased or decreased. This is a popular layout, has anyone figured out a way to keep it

[css-d] Quick flash of header background problem (IE6, IE7)

Hello, I'd like to ask about a strange behaviour/bug, which I observe only in IE6 and IE7 (Win) in some of my designs. I thought it was accidental, but now I see similar behaviour in another CSS design of mine and am quite puzzled... Here it is, in 2 words description: The first site: http://www

Re: [css-d] css not working with iphone

iPhone Safari CSS positioning bug http://groups.google.com/group/iphonewebdev/browse_thread/thread/d12fcddc7b7eb2e9 Is this the same issue you have ? Hakan http://dominor.com On Nov 26, 2007 12:28 PM, <[EMAIL PROTECTED]> wrote: > I'm using css menus and submenus at www.kepcopower.com, and it

[css-d] css not working with iphone

I'm using css menus and submenus at www.kepcopower.com, and it has been working fine for quite some time, however I discovered it does not work at all with the iphone browser. CSS file is www.kepcopower.com/menu04-pic.css Anyone have a clue? Any help would be most appreciated. Thanks, Steve ___

Re: [css-d] Suckerfish dropdown problem with multiple layers

Dan Smith wrote: > I'm trying to adapt the suckerfish dropdowns for a Drupal menu structure, > which is a series of > nested unordered lists. > > My aim is to make the first 2 lists invisible, keep the 3rd list as the main > navigation, and have > 4th level elements as dropdowns within their pa

Re: [css-d] absolute positioned dropdown going wrong in IE

> Basically I'm saying that you'll have to apply z-index: 2 to #header, to > have the entire #header higher in the stack, nearer to the user, than > #main. > > Ingo Thank you! I've read about the IE stacking context before, but not been able to understand it until now. It even solved my iframe pr

Re: [css-d] Should z-index apply to elements with opacity

On Nov 26, 2007, at 2:40 PM, Alan Gresley wrote: > ... > > > #stackB {opacity:0.80} > > Firefox, Opera and IE7 shows the same as the last test. Opacity has > created a stacking content for the blue box in Safari so now the > blue box is above the yellow

[css-d] Suckerfish dropdown problem with multiple layers

I'm trying to adapt the suckerfish dropdowns for a Drupal menu structure, which is a series of nested unordered lists. The test structure is: * Home o Photography + About me + Portfolio # Events + Clients

Re: [css-d] a html 4.01 strict problem

Hi jaklitsch maya, You could use a java script in the head put:

Re: [css-d] update, can you check this site now

Looks Good on FF 2.0.0.9 On Nov 25, 2007 10:35 PM, Hakan K <[EMAIL PROTECTED]> wrote: > Looks ok on IE6, FF 2.0.0.9 > > > > > > Hakan > http://dominor.com > > On Nov 25, 2007 2:03 PM, Rob freeman <[EMAIL PROTECTED]> wrote: > > http://www.precociouscollective.com/ > > > > -- > > Rob Freeman > > [E