Re: [css-d] Clear: both Problem?

[Richard Brown]

Hi All

On 16/01/07, Richard Brown <[EMAIL PROTECTED]> wrote:

> Site is:
> 
> CSS is:
> 
>
Many thanks for the help so far. Just to reiterate. I started with a
three column design, content in the left column, and using the centre
and right column for navigation. The site however looked far too
cluttered and so we started again and came up with a single column
site design. (We will be removing as much text as possible and leaving
a visual site).

In the meantime I have created icons for the navigation but am still
experiencing problems getting the icons to centre. I am using float:
right to ensure the boxes line up correctly but this also has the
problem of reversing the order of the boxes. So instead of 1, 2, 3, 4,
5 we get 5, 4, 3, 2, 1. Is it possible to achieve the effect without
floating please?
-- 
Rich
http://www.cregy.co.uk
Embracing what God does for you is the best thing you can do for him.
Romans 12 v 1
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE 5 -6 cleanup tips needed

[Kim Brooks Wei]

Thanks for cleanup tips. I did get rid of voice-family hack and used 
a different one. The article you pointed me too is stupendous. Thank 
you so much.

I still cannot get my three content boxes to line up with each other 
along a horizontal line. In fact, in some instances the center box 
shoots right up into the banner  [header box]. I tried separating the 
header from the rest of the content using clear: both but this didn't 
appear to accomplish anything.

So, I still need to line my content boxes up along a horizontal line.

  I also would like to know what's messing up my nav buttons in IE 5.1 
. It seems to me that I have arranged them in a straightforward way 
and they very much ought to work.

Best,
Kimi

>  Most other problems in older IE/win seems to be related to box model
>(W3C vs. IE quirks mode) differences. Good article (IMO) on the subject
>here...
>
>
>IE5.5 may also lose a declaration or two because you use the
>'voice-family' hack. Better use another hack if you need any.
>
>   Georg
>http://www.gunlaug.no

-- 
Kim Brooks Wei
1.201.475.1854
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] (no subject)

[Vicki Smith]

Hugo Heriz-Smith wrote:

> I've almost got both pages now - the biggest item I have left if  
> getting the captions to change under the big picture on the stainless  
> page as  a new image is brought up by a click on the table to the left.

It's not elegant, and it would require (for accessibility) either a 
detailed alt tag or a page for the longdesc img option in the code, but 
you could add a white border to the big images themselves and include 
the caption as part of the image.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] area:hover - why does this not work

[Matt Fielding]

On 1/16/07, Paul Novitski <[EMAIL PROTECTED]> wrote:
>
> At 1/15/2007 04:17 PM, Mark Finney wrote:
> >Ok so I use a:hover and just assumed that it should work with an image
> >map... am i wrong?
>
>
> FYI it is possible to create a pure CSS image map, as Stu Nichols has
> demonstrated:
>
> http://www.cssplay.co.uk/articles/imagemap/
> http://www.cssplay.co.uk/menu/old_master.html
> http://www.cssplay.co.uk/menu/imap.html
> http://www.cssplay.co.uk/menu/mantis.html
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



Useful links, and I'll just elaborate on them to mention that while they are
effective ways of doing an image map using CSS, they do not directly edit
the original image. They instead use other objects to display on the image,
or near it. But overall the main thing to remember is that the :hover state
just needs to be applied to the  tag and not the  tag.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] (no subject)

[david]

Hugo Heriz-Smith wrote:
> Hello,
> 
> First of all - thank you again Georg for your help in getting this far.
> 
> As I said the other day, I've been asked to redo this flash site,  
> keeping it as close to the original as possible.
> 
> http://www.stephenporterstudio.com
> 
> in HTML. I'm doing just two pages for now - the opening page and the  
> first gallery page.
> 
> http://www.stephenporterstudio.com/html/
> 
> http://www.stephenporterstudio.com/html/stainless.html
> 
> I've almost got both pages now - the biggest item I have left if  
> getting the captions to change under the big picture on the stainless  
> page as  a new image is brought up by a click on the table to the left.
> 
> So - if anyone has a suggestion of an elegant way to get that done,  
> I'd love to hear it. I am hoping that there's a nicer way to do this  
> than setting up 8 hidden tables that get swapped during the click.

Javascript (OT for this list) would let you change specific elements via 
DOM.

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] (no subject)

[Hugo Heriz-Smith]

Hello,

First of all - thank you again Georg for your help in getting this far.

As I said the other day, I've been asked to redo this flash site,  
keeping it as close to the original as possible.

http://www.stephenporterstudio.com

in HTML. I'm doing just two pages for now - the opening page and the  
first gallery page.

http://www.stephenporterstudio.com/html/

http://www.stephenporterstudio.com/html/stainless.html

I've almost got both pages now - the biggest item I have left if  
getting the captions to change under the big picture on the stainless  
page as  a new image is brought up by a click on the table to the left.

So - if anyone has a suggestion of an elegant way to get that done,  
I'd love to hear it. I am hoping that there's a nicer way to do this  
than setting up 8 hidden tables that get swapped during the click.

And - any other criticism at all would be great. If that's an  
inappropriate request - my apologies.

thanks,

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

Re: [css-d] fixed height box container

[Holly Bergevin]

From: Livia Dobai <[EMAIL PROTECTED]>

>The problem is that the table is not streched but cutted. I want to be 
>streched.
>The lin is: 
>http://www.designlab.si/test/index.php?option=com_content&task=category§ionid=3&id=7&Itemid=25
>
>In that case is there an other colum that is cutted out by the overflow: 
>hidden.

Briefly. You have a fixed width #wrapper. You've asked an element set inside 
that wrapper (#contenitore) to respect a 420px right margin, which it does. 
This makes it too narrow to contain the table inside, which sticks out. 

Further, you've placed a 538px wide image as a background image, and are 
expecting it to expand to about 700px wide, but you've only told it to repeat-y 
(since it's a gradient, I would expect you wouldn't want it to repeat-x). So, 
the /look/ of the table inside #contenttelo is narrower than you want because 
the image itself is not as wide as you need 

I suggest you take the width off of #wrapper, and place a few temporary 
background colors on the problem elements so you can see what is happening. 
After that, you may need to rethink how you are approaching this layout, as I'm 
pretty sure it still isn't going to look like what you want.

~holly  
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div overhang

[Gunlaug Sørtun]

John Hughes wrote:

> My navigation is contained in a div specified thus:

[snip]

> The problem is that whenever the contents of the enclosing div are 
> such that the div height is less than the height of the Navigation 
> div then I am afflicted with an overhang, such as the one on this 
> page.
> 
> http://aodhruadh.org/funding/index.php
> 
> This occurs on Firefox an IE 7 on the PC. Is there anyway I can 
> remedy this situation. I've being trying to do something about it for
>  ages now

Well, the absolute positioned Navigation isn't calculated into the
page-height since 'A:P' elements are taken completely out of the flow.

You may either add a large enough 'min-height' to #parent, or you will
have to redesign #navigation so it isn't absolute positioned anymore.
Many of us use 'float' instead of 'A:P' in such cases, and then make the
page "extend to contain floats".

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page Check - mostly IE for PC

[~davidLaakso]

Keith Burgin wrote:
> Hi folks -
>
> Could I get a page check on http://newsite.outdoorimage.com, please?
>
> I work in Mac, and have looked at it on Firefox, Opera, Safari, and  
> Camino.  I need IE for PC 6 and 7 if you have it.  Everything  
> validates so far.  None of the links work yet.
>
>
>
> Thank you kindly,
>
>
> Keith Burgin
> [EMAIL PROTECTED]
>   
Only a cursory glance, Keith. Nice page. IE7 looks fine. The text in the 
bottom right block is not appearing in ie/6.0. Both versions of ie are 
suffering from the em font-size bug (add font-size 100% to the body 
declaration). Incidentally the text is shooting the bottom of the three 
blocks with font scaling in ff. Opera (latest) is fine.
Regards,
~dL

-- 
http://chelseacreekstudio.com/

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

Re: [css-d] Firefox floated element onclick event ignored

[Richard Grevers]

On 1/17/07, Ben Liu <[EMAIL PROTECTED]> wrote:
> okay, admittedly this is not really a CSS question, but I was hoping
> someone on this list has come across this or is familiar with the
> problem. For some reason, in Firefox only (doesn't seem to apply to
> Safari or IE6/7), if you float an element and add an onclick event,
> Firefox ignores the onclick event.
>
Do you have a test page?
-- 
Richard Grevers, New Plymouth, New Zealand
Hat 1: Development Engineer, Webfarm Ltd.
Hat 2: Dramatic Design www.dramatic.co.nz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Page Check - mostly IE for PC

[Keith Burgin]

Hi folks -

Could I get a page check on http://newsite.outdoorimage.com, please?

I work in Mac, and have looked at it on Firefox, Opera, Safari, and  
Camino.  I need IE for PC 6 and 7 if you have it.  Everything  
validates so far.  None of the links work yet.



Thank you kindly,


Keith Burgin
[EMAIL PROTECTED]

___
Note: This e-mail and its contents are private  and intended for  
viewing only by the person for whom they were intended.  If you  
recieved this e-mail by accident, and are not the person for whom it  
was intended, please excuse the interruption.  It was not intended.



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

Re: [css-d] 1 in 5 page views floats below in FireFox

[david]

Zoe M. Gillenwater wrote:
> John Macpherson wrote:
>> I have my site working 100% in IE5/6/7/ Opera but in the latest FireFox - v 
>> 2.0.0.1 there is a strange problem.
>>
>> For roughly every 5th time i view my home page the content floats below the 
>> nav like this - http://www.mediasurgery.co.uk/mediaSBugImage.jpg
>>
>> It only seems to be the home page that does it - 
>> http://www.mediasurgery.co.uk/
>>
>> I tried a fresh install of Firefox on a different pc but the problem 
>> happened again.
> 
> John,
> 
> I can't reproduce the problem in Firefox 2.0.0.1 on Windows XP. I had my 
> window set to 1024x768 with the font size set to medium. Can you provide 
> more details about the connections under which the drop happens for you?

I couldn't reproduce it in FF 1.5.0.8 for Linux, either, but your "Web 
Design Specialists" graphic looks a little cockeyed to me ...

http://www.clanjones.org/AberdeenWebDesign.jpg

And with Flash enabled, the flash graphic covers the web design 
specialists graphic.

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS compliant fly-out menus

[Bob Meetin]

well - trickery - nice - but it works and has been implemented on my 
site!  thx, bob

olivier Prêtre wrote:
> 2007/1/16, Bob Meetin <[EMAIL PROTECTED]>:
>   
>> I have been using a CSS solution for vertical and horizontal fly-out
>> menus.  It works great, but not CSS compliant because it requires
>> including a csshover.htc file in the CSS.  Can someone point me to one
>> of the other CSS only (no JS) solutions that works and is compliant? Or
>> to an appropriate thread?
>>
>> -Bob
>> 
>
> keep it working with your htc file but just call it from a separate
> css file, say ie.css for example. And then in your html file attach
> your ie.css file as follows :
> 
>  and then your main css file remains compliant
>
> Olivier
>   


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

[css-d] Div overhang

[John Hughes]

Folks,

My first time posting here. I'm on digest mode and I've picked up a lot
without posting anything. 

Anyway, I have a particularly vexatious problem on my site www.aodhruadh.org

My navigation is contained in a div specified thus:

#navigation
{
color : #000; 
background : transparent;
width : 180px;
padding : 0px;
vertical-align : top;
text-align : center;
margin : 0px auto;
vertical-align : middle;
border : solid #f00 0px;
position : absolute;
left : 0px;
top : 0px;
font-family : trebuchet ms,verdana,arial,helvetica,sans-serif; 
font-size : 9pt; 
font-weight : bold;
text-decoration : none; 
}

The problem is that whenever the contents of the enclosing div 

#parent
{
width : 700px;
text-align : left;
border-top : solid #090 0px;
border-bottom : solid #090 10px;
border-left : solid #090 2px;
border-right : solid #090 2px;
background : url(/images/gif/celtic_knotwork.gif) #fff;
margin : 0px auto;
margin-bottom : 30px;
display : block;
position : relative;
clear : both;
}

are such that the div height is less than the height of the Navigation div
then I am afflicted with an overhang, such as the one on this page.

http://aodhruadh.org/funding/index.php

This occurs on Firefox an IE 7 on the PC. Is there anyway I can remedy this
situation. I've being trying to do something about it for ages now

TIA

John.


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

Re: [css-d] Clear: both Problem?

[Richard Brown]

Hi All

On 15/01/07, ~davidLaakso <[EMAIL PROTECTED]> wrote:
> Richard Brown wrote:
> > This site works as a home page:
> > 
> >
> Either you've fixed this or I am out to lunch. I do not understand what
> it is supposed to do that it is not doing?
> BTW, I think there may be an error in the markup. You've got:
> 
> Should it read:
> 

Apologies to all who looked at the site and thanks to David for
replying. Yes I fixed it but it didn't stay that way long. A new site
has gone up. Could you please take a look and see if there are any
errors in WinIE please? I am trying to create a line of links that
center using icons. The list won't centre though. Any ideas please?

Site is:

CSS is:


Many thanks.
-- 
Rich
http://www.cregy.co.uk
Embracing what God does for you is the best thing you can do for him.
Romans 12 v 1
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Firefox floated element onclick event ignored

[Ben Liu]

okay, admittedly this is not really a CSS question, but I was hoping
someone on this list has come across this or is familiar with the
problem. For some reason, in Firefox only (doesn't seem to apply to
Safari or IE6/7), if you float an element and add an onclick event,
Firefox ignores the onclick event. The same element when not floated
responds normally. Does anyone know if this is a bug or proper browser
behavior? Also, any known workarounds to this? I'm not able to
position this clickable element using position: absolute, it must be
position: relative and it needs to float to the left of another
element. The only other solution I can think of is to place it into a
table in order to achieve the side-by-side presentation.

Thanks for any help,

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

Re: [css-d] CSS compliant fly-out menus

[olivier Prêtre]

2007/1/16, Bob Meetin <[EMAIL PROTECTED]>:
> I have been using a CSS solution for vertical and horizontal fly-out
> menus.  It works great, but not CSS compliant because it requires
> including a csshover.htc file in the CSS.  Can someone point me to one
> of the other CSS only (no JS) solutions that works and is compliant? Or
> to an appropriate thread?
>
> -Bob

keep it working with your htc file but just call it from a separate
css file, say ie.css for example. And then in your html file attach
your ie.css file as follows :

 and then your main css file remains compliant

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

[css-d] in-line image & IE7 problem

[Donna Jones]

Hi everyone:

We want to use a dingbat image here, (page in process):
http://www.wholehomeresource.com/jan07/wilder-index.htm

I've left the pink background in to make it easy to spot.

Its in-line on a h2 but took the h2 out and still has problem.

its just in IE7, that I can see.  and just when you zoom in.  the 
dingbat then overlays the following word.

is it a bug!?  any ideas about how i could write my code better.  maybe 
it is me, i hope!  If not, can i get quais-famous for finding a new IE7 
bug (except its probably already been found and I just missed the talk 
about it). *smile*

thanks for looking and any ideas, thoughts.

cheers
Donna


-- 
Donna Jones
Portland, Maine
207 772 0266
www.westendwebs.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] horizontal centering in IE

[~davidLaakso]

Jehangir Larry wrote:
[previous messages trimmed]
> David,
> Made changes and uploaded. Now no breaking --sidebar, +sizes. But the footer 
> does not stay at the very bottom if size made ---small.
> Rest (incl H1) seem OK. At least to me :-))
> Yet more coming my way?
> Best
> Larry
In reference to url:   

I replied to Larry off-list.

~dL

-- 
http://chelseacreekstudio.com/

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

[css-d] CSS compliant fly-out menus

[Bob Meetin]

I have been using a CSS solution for vertical and horizontal fly-out 
menus.  It works great, but not CSS compliant because it requires 
including a csshover.htc file in the CSS.  Can someone point me to one 
of the other CSS only (no JS) solutions that works and is compliant? Or 
to an appropriate thread?

-Bob

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

Re: [css-d] background image problem in IE6

[Coral S.]

> I actually just meant that you change the references to "a.parent" and 
> "a.top_parent" only. Everything else, including the references to "a" (no 
> class), can be the same ("#menuh a" or whatever). Not sure if it'll make a 
> difference, but it's worth a try.
>
> Take a look at this page for more details on this bug. One commenter 
> offers another, though slightly more complicated, solution.
> http://www.quirksmode.org/bugreports/archives/2005/09/IE6_Multi_Class_Bug.html

Thanks, Brian.  I actually only had container on parent and top_parent, but 
when it didn't work I tried putting container on everything lol.  Which as 
you saw didn't work either.  I changed it back and the result was the same 
unfortunately.  I'll check out the link and see if it will help.  Thanks 
again. :)

-Coral

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

[css-d] Layout Help

[nouhad]

Hello there,

I'm having problems starting this design from scratch; I'm working on a
project for a NGO. Can anyone help me start off on the right foot:

I'm trying to have a fluid 3-column layout. Left column : Navbar. Right
column : 3 buttons. Middle column : Content.

The Layout structure i drew up can be seen
here

The top navbar list seen in the compo has around 11 items in it, how would i
set the width of the nav  to accommodate its container?

The navbar containing vertical lists on the left side of the website
contains many links that have sub level links, again how would i code its
container or the layouts length to fluidly suit this?

One last question : Does anyone have suggestions for font sizes? I'm trying
to have large serif fonts that are spaced out and easy to read.

Thanks,
Nouhad
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] adding a class to a link

[Zoe M. Gillenwater]

Amy M Ostrom wrote:
> Dear Ross:
>
> Because it is searching for an  inside of the class plain_link.  To 
> make it work, call it as
>
> a.plain_link {css}
>   

Ross,

For more information on this, I highly recommend you read 
http://css.maxdesign.com.au/selectutorial/. Understanding selectors is 
essential in moving ahead with CSS successfully.

Also worth a bookmark is http://gallery.theopalgroup.com/selectoracle/.

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


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

Re: [css-d] Spanning a bg to the very bottom (cross-browser)

[Zoe M. Gillenwater]

Sathish T wrote:
> Hello again!
> I think the height : 100% made the image extend all the way to the
> bottom of the browser window, but not all the way to the bottom of the
> document because document's height > browser window's height.
>   

Yes, this is the problem. The solution is to use min-height instead of 
height. More details here:
http://www.communitymx.com/abstract.cfm?cid=BAD95

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


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

[css-d] design layout question

[Livia Dobai]

Hi all!

I wont to fix the layout on the tempalte of this  http://www.designlab.si/test/ 
(powered by joomla).
The structure is




 

   

 
   
  
 
 


   
Copyright .
 


  
  








The #wrapper box has a big background image ( 984x872 px) positioned top.
When the #contenitore box expand down,ower the 872px,  the #wrapper div expand 
too but on the bottom of the page is a white background.
link --> 
http://www.designlab.si/test/index.php?option=com_content&task=blogsection&id=0&Itemid=9
I created the 2px height slice of the wrappers backbround (the bottom part) 
"http://www.designlab.si/test/templates/eitemplate1/images/podolgem.gif " and i 
wondered to achieve a solution to expand the bottom part with an additional div 
(its backgroundimage).
But the div overlapping in not my power :)
Is possibile this solution?
   # page_wrapper
 |_   #wrapper
 |_   #expandbottom

Over this comes the boxes:  
   
  

and  

How can i do this " bottompart expand" trick ?

Thanks
Lilla




 

Sucker-punch spam with award-winning protection. 
Try the free Yahoo! Mail Beta.
http://advision.webevents.yahoo.com/mailbeta/features_spam.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Scroll Top/Down CSS/DOM

[Robert Santander]

I am looking to tool of scroll top/down that it uses css/dom. Where meeting?


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

Re: [css-d] sigh, CSS and Explorer

[Zoe M. Gillenwater]

Ed Seehouse wrote:
> IE6 doesn't support min-width or min-height but "width" and "height"
> work just like the "min" rules are supposed to work so you can just
> use the "Holly Hack" to feed it a height and width rule that other
> browsers will ignore, or use conditional comments for the same
> purpose.
>   

Sorry, need to correct a longstanding myth. IE6 does *not* treat width 
the same as min-width. It *does* treat height the same as min-height.

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


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

Re: [css-d] fixed height box container

[Livia Dobai]

The problem is that the table is not streched but cutted. I want to be streched.
The lin is: 
http://www.designlab.si/test/index.php?option=com_content&task=category§ionid=3&id=7&Itemid=25

In that case is there an other colum that is cutted out by the overflow: hidden.

Lilla


- Original Message 

I can not be very helpful, I am sorry.

The table is stretched, because of its contents are too big. Table
stretches itself to provide enough space for its contents. The input
elements in the first row of the table cause stretching of the whole
table.

> The link is here
I think there are only plain text e-mails permitted in the list. You
sent an html e-mail.

Good luck!
-- 
>{U}(")>Cimo

Michal Cizmazia







 

8:00? 8:25? 8:40? Find a flick in no time 
with the Yahoo! Search movie showtime shortcut.
http://tools.search.yahoo.com/shortcuts/#news
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] fixed height box container

[Michal Cizmazia]

I can not be very helpful, I am sorry.

The table is stretched, because of its contents are too big. Table
stretches itself to provide enough space for its contents. The input
elements in the first row of the table cause stretching of the whole
table.

> The link is here
I think there are only plain text e-mails permitted in the list. You
sent an html e-mail.

Good luck!
-- 
>{U}(")>Cimo

Michal Cizmazia
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] 1 in 5 page views floats below in FireFox

[Zoe M. Gillenwater]

John Macpherson wrote:
> I have my site working 100% in IE5/6/7/ Opera but in the latest FireFox - v 
> 2.0.0.1 there is a strange problem.
>
> For roughly every 5th time i view my home page the content floats below the 
> nav like this - http://www.mediasurgery.co.uk/mediaSBugImage.jpg
>
> It only seems to be the home page that does it - 
> http://www.mediasurgery.co.uk/
>
> I tried a fresh install of Firefox on a different pc but the problem happened 
> again.
>   

John,

I can't reproduce the problem in Firefox 2.0.0.1 on Windows XP. I had my 
window set to 1024x768 with the font size set to medium. Can you provide 
more details about the connections under which the drop happens for you?

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


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

Re: [css-d] fixed height box container

[Livia Dobai]

Hi.

I want the to fit the table into the fixed div. The div box must be with the 
widt because the fiixed width design of the template.

The link is here

The table in the main content iz cutted because the overflow: hidden property.

regards
Lilla






 

8:00? 8:25? 8:40? Find a flick in no time 
with the Yahoo! Search movie showtime shortcut.
http://tools.search.yahoo.com/shortcuts/#news
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] fixed height box container

[Michal Cizmazia]

> Is there a property conform to do a table a stretching ability?

Do you want divs which contain the table to be enlarged according the
table width?
I am not sure, if it will work, but try to remove width property of
the absolutely positioned div #container.

And, again :)
> link to your site will be very helpful.

Have a nice day!
-- 
>{U}(")>Cimo

Michal Cizmazia
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] fixed height box container

[Livia Dobai]

Thanks for response!
overflow property really work but it is not the solution for me.
Inside the one div with a fixed width and hight is a table. When the table has 
a large-width data, the whole table overflow the box on the right. :)
Is there a property conform to do a table a stretching ability? 
Lilla

- Original Message 
From: Michal Cizmazia <[EMAIL PROTECTED]>
To: Livia Dobai <[EMAIL PROTECTED]>
Cc: css-d@lists.css-discuss.org
Sent: Tuesday, January 16, 2007 11:26:11 AM
Subject: Re: [css-d] fixed height box container

Hi, Lilla,

link to your site will be very
 helpful.

If the content (the table) of the div #content is bigger, then
overflowing of the content depends on the property of the div
#content. Default is "overflow: visible", when the content exceeds
edges of the div. E.g. "overflow: auto" shows scrollbars, if needed.

Is it helpful?
-- 
>{U}(")>Cimo

Michal Cizmazia








The fish are biting.

 Get more visitors on your site using Yahoo! Search Marketing.





 

We won't tell. Get more on shows you hate to love 
(and love to hate): Yahoo! TV's Guilty Pleasures list.
http://tv.yahoo.com/collections/265 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] RES: Why my website won't render in Safari?

[Gunlaug Sørtun]

Gustavo Caetano wrote:
> Georg, could you tell me more about that? I actually don't know why 
> it's wrong and what should I put instead ^^

I understand that, and you're certainly not alone in having problems
understanding XHTML doctypes and related issues, so I'll try to lay out
the most important parts, with _traps_ and all.

Decisions regarding doctype, MIME type and source-code may affect how
our beloved CSS is handled in quite extreme and (to many) unexpected
ways, so the following is most certainly on topic on css-d (just in case
someone wondered :-) ).


On the W3C site it is expressed this way...

...and you will find some more useful answers regarding XHTML doctypes
and other issues in that FAQ. Disregard everything concerning 'XHTML 2'
though, as that doesn't really exist.

It is also a good idea, for everyone who want to use an XHTML doctype,
to read this article...

...and you can go straight to the "Summary"...

...for a simple overview of DTDs vs. MIME types.

The 'XHTML 1.0 Strict' DTD, or alternatively 'HTML 4.01 Strict' DTD if
you make the necessary changes to the source-code so it becomes proper
HTML, are the right choices (in most cases) for now.
Complete "recommended DTD" list here...



I had another quick look at your page...

...and since you also have other weak spots in your source-code that may
severely affect rendering of your page if you ever want to serve it
properly - as XHTML, I'll take this opportunity to point out that 'HTML
comments' may be stripped out without warning by compliant browsers.

This means that constructions like this...





...may be reduced to this...




...and the stylesheet will *not* be imported. I'd call that a failure.

The following construction (which btw. is what I always use)...


/**/


...will work just fine though.

This is an important point, and it doesn't help one bit that so many
write that "HTML comments work just fine". They probably have never
learned what XHTML is - predefined XML, and have also never tested what
may happen when XHTML is served properly - as 'application/xhtml+xml'.

Now, there's nothing wrong (IMO) in serving well-formed 'XHTML 1.0' as
'text/html' - like all 'HTML' is being served. I do it all the time, and
so do a lot of others. We _have_ to (one way or another), or else not a
single version of Internet Explorer will understand anything.

We just have to make sure we use the correct DTD and that our XHTML
pages work perfectly in XHTML/XML-supporting browsers - i.e., "most of
the newer non-IE browsers", if/when our pages are being properly served.


Some more on the subject...

...and it's of no use to let Internet Explorer see that page. IE will
probably ask Firefox or Opera to open it, since IE can't handle it all
by itself.
A more IE-friendly but otherwise identical version here...



I guess that is about as far as I can go in explaining the issues at
hand, without going off topic for this mail-list. I think I have covered
most.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css popups

[Andy Harrison]

On 1/12/07, Rafael Holt <[EMAIL PROTECTED]> wrote:
>
> On 12/01/07, Andy Harrison <[EMAIL PROTECTED]> wrote:
>
> > I'm trying to use some simple CSS-based popups.  Of the browsers I've
> > tested
> > it in, Firefox 1.5 works great, Opera 9 has trouble if I use a relative
> > div
> > with display:inline, and IE 6 doesn't work at all.  My test page is at
> > test.dragonzreef.com/csspopuptest.asp.
>
>
> It doesn't work in IE6 because it doesn't support :hover on anything other
> than anchors. Therefore, you would be advised to use an anchor, perhaps with
> display:block to be able to give it dimensions, and relative position.
> Inside it, the popup would be an absolutely positioned span, most likely
> giving it block display is also necessary. This would probably work in Opera
> 9 too and if it's an anchor, it might also work if it's display:inline.
>

Rafael,

I tried it using anchors & spans instead, but it didn't change anything.
Any other thoughts?

Thanks,
Andy
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] area:hover - why does this not work

[Paul Novitski]

At 1/15/2007 04:17 PM, Mark Finney wrote:
>Ok so I use a:hover and just assumed that it should work with an image
>map... am i wrong?


FYI it is possible to create a pure CSS image map, as Stu Nichols has 
demonstrated:

http://www.cssplay.co.uk/articles/imagemap/
http://www.cssplay.co.uk/menu/old_master.html
http://www.cssplay.co.uk/menu/imap.html
http://www.cssplay.co.uk/menu/mantis.html

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

Re: [css-d] background image problem in IE6

[Brian Riley]

Coral S. wrote:
> "To fix it, in the CSS file, instead of referring to them "#menuh a.parent" 
> and "#menuh a.top_parent", refer to them as "#menuh-container a.parent" and 
> "#menuh-container a.top_parent" (i.e.,  use the parent div)."
>
> Hi Brian,
>
> Thank you so much for your reply.  I tried what you suggested, and 
> unfortunately it looks the same in IE6 as it did before.  It's possible I 
> implemented your suggestion incorrectly, but from what I can tell it didn't 
> work for me.  You can check out the code to see if there are any errors 
> here:
>
> http://www.swanflighthaven.com/Summer_Breeze/dropdown%20menu.css
>
> Any other insights would be very much appreciated. :)
>
> -Coral
>   
I actually just meant that you change the references to "a.parent" and 
"a.top_parent" only. Everything else, including the references to "a" 
(no class), can be the same ("#menuh a" or whatever). Not sure if it'll 
make a difference, but it's worth a try.

Take a look at this page for more details on this bug. One commenter 
offers another, though slightly more complicated, solution.
http://www.quirksmode.org/bugreports/archives/2005/09/IE6_Multi_Class_Bug.html

-- 
Brian Riley
http://www.seventysevendesigns.com

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

Re: [css-d] area:hover - why does this not work

[Matt Fielding]

On 1/15/07, Mark Finney <[EMAIL PROTECTED]> wrote:
>
> Ok so I use a:hover and just assumed that it should work with an image
> map... am i wrong?
>
> Anybody have any clues on this?
>
> Thanks in advance,
>
> Mark
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



Mark,

First of all, calling the hover pseudo-class for an  tag doesn't apply to
this situation for one main reason, being that there is no  tag. The
problem with this method is that an image map uses one large image, and with
HTML, splits it up into imaginary segments for the purpose of having them
link to another URL. The hove tag is not going to do you any good because
the only real properties the area tag, which is the one providing the link,
has are it's coordinates and destination URL. The most common solution to
this problem, while seemingly keeping the effect the same would be to use an
image editing program to slice up your image into sections, ultimately
getting the parts that you want to be links into separate images, then using
HTML to make it all appear as one big image. Not only does this save on
overall loading time, but allows you to apply the hover effect you want to
the individual images!

Hopefully this helps you, and if not feel free to ask any other questions
you may have.

Best of luck,
Matt Fielding
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] RES: Why my website won't render in Safari?

[Gustavo Caetano]

Thanks for the reply (thank you Kim)

Georg, could you tell me more about that? I actually don't know why it's
wrong and what should I put instead ^^


-Mensagem original-
De: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] 
Enviada em: terça-feira, 16 de janeiro de 2007 05:58
Para: Gustavo Caetano
Cc: css-d@lists.css-discuss.org
Assunto: Re: [css-d] Why my website won't render in Safari?

Gustavo Caetano wrote:
> A friend using Safari told me my website,
> http://www.cacofonia.com.br/, won't render. It's all blank.

Which Safari version? My Safari 2.0.4 renders it just fine.

A completely different matter is that a document with an XHTML 1.1
doctype should not be served as 'text/html' under any circumstances, but
you didn't ask about that and it wouldn't make any difference anyway :-)

regards
Georg
-- 
http://www.gunlaug.no

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

Re: [css-d] background image problem in IE6

[Coral S.]

"To fix it, in the CSS file, instead of referring to them "#menuh a.parent" 
and "#menuh a.top_parent", refer to them as "#menuh-container a.parent" and 
"#menuh-container a.top_parent" (i.e.,  use the parent div)."

Hi Brian,

Thank you so much for your reply.  I tried what you suggested, and 
unfortunately it looks the same in IE6 as it did before.  It's possible I 
implemented your suggestion incorrectly, but from what I can tell it didn't 
work for me.  You can check out the code to see if there are any errors 
here:

http://www.swanflighthaven.com/Summer_Breeze/dropdown%20menu.css

Any other insights would be very much appreciated. :)

-Coral

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

Re: [css-d] fixed height box container

[Michal Cizmazia]

Hi, Lilla,

link to your site will be very helpful.

If the content (the table) of the div #content is bigger, then
overflowing of the content depends on the property of the div
#content. Default is "overflow: visible", when the content exceeds
edges of the div. E.g. "overflow: auto" shows scrollbars, if needed.

Is it helpful?
-- 
>{U}(")>Cimo

Michal Cizmazia
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with images and floats

[Nick Mavros]

Ok guys take a look to the following structure:






I want the  to "float: left" but I don't want to give it a width 
value. I want it to take its width value from the  inside it.
But I also want the  and the  to be centered inside the div.

If I put "margin: 0 auto;" to the  and the  (the  has "width: 
160px" it works just fine in FF but in IE6, IE7 it doesn't.  The div 
looks like it takes a 100% width value.

If I put "text-allign: center" to the  it works in IE but in FF 
neither  or  are centered.

What can I do;

Nick

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

[css-d] fixed height box container

[Livia Dobai]

Hi!
I have a fixed height box container 

...for the background image (rounded corners)








#container{
position: absolute;
right:42px;
top: 120px;
width: 155px;
height: 210px;
}
#content{
width:155px;
height:200px;
}
Inside of the #content div is a table  which crates and fills dynamically the 
rows.
Although is definet the height in the #content box, the content owerflow the 
#container box.
How can I fix this?
Thanx
Lilla






 

Bored stiff? Loosen up... 
Download and play hundreds of games for free on Yahoo! Games.
http://games.yahoo.com/games/front
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background image problem in IE6

[Brian Riley]

Coral S. wrote:
> Hello,
>
> I'm new to the group, so hello to everyone.
>
> I recently came across this wonderful horizontal drop-down menu 
> http://www.sperling.com/examples/menuh/ by Ted Sperling, and was attempting 
> to alter it a bit to allow for rollover images instead of simply colors. 
> What I have so far works wonderfully in all browsers except IE6.  The issue 
> in IE6 is that the parent (menuh a.parent) and top-parent (menuh 
> a.top_parent) div images show up only in the hover state (I changed the 
> original code so that menuh a.top_parent and menuh a.top_parent:hover are 
> separate images), and for some reason they are hidden underneath the menuh 
> (menuh a) image in the rested state.  In IE7, FF, Opera etc it all works 
> great, but for some reason it's stubborn in IE6.  The link to it is here:
>
> http://www.swanflighthaven.com/Summer_Breeze/dropdownmenu%20test.html
>
> http://www.swanflighthaven.com/Summer_Breeze/dropdown%20menu.css
>
>
> The screenshots for the comparison between IE6 and IE7 are here:
>
> http://www.swanflighthaven.com/Summer_Breeze/menu.html
>
> I emailed Ted about this and he suggested assigning height values or 
> z-indexes to get IE6 to put the parent and top-parent background images on 
> top, but I tried it to no avail (admittedly I may not be doing that 
> correctly).  He also suggested you fine people if I continued to have 
> trouble.  Any help you could offer on this issue would be greatly 
> appreciated.  Please let me know if I should clarify anything.
>
> Regards,
> Coral 
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
>   
I think that you're running into a mysterious class bug in IE6 that was 
discussed here a while back. When you assign a style to some set of tags 
and then give some of the tags a class so that you can alter that style, 
IE6 freaks out and rejects the class all together. I'm not sure if IE6 
does this universally or just when it feels like it, but I had the same 
problem as you. To fix it, in the CSS file, instead of referring to them 
"#menuh a.parent" and "#menuh a.top_parent", refer to them as 
"#menuh-container a.parent" and "#menuh-container a.top_parent" (i.e., 
use the parent div).

I think that others have had success by just referring to the tag names 
plus class names and leaving out the container div, but I haven't tried 
that.

Good luck!
Brian

-- 
Brian Riley
http://www.seventysevendesigns.com

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

Re: [css-d] Why my website won't render in Safari?

[Gunlaug Sørtun]

Gustavo Caetano wrote:
> A friend using Safari told me my website,
> http://www.cacofonia.com.br/, won't render. It's all blank.

Which Safari version? My Safari 2.0.4 renders it just fine.

A completely different matter is that a document with an XHTML 1.1
doctype should not be served as 'text/html' under any circumstances, but
you didn't ask about that and it wouldn't make any difference anyway :-)

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/