[css-d] Javascript: getElementsByTagName() getElementsById(): How getElementsByClass()?

[abhishek khurana]

let me know u guys feedback on this:
http://pitfalls.wordpress.com/2008/07/07/querying-it-jquery-way-getelementsbyclass/

-- 
http://pitfalls.wordpress.com/2008/07/07/querying-it-jquery-way-getelementsbyclass/

"Fear can hold you prisoner. Hope can set you free." - The Shawshank
Redemption
__
css-discuss [EMAIL PROTECTED]
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] Javascript: getElementsByTagName() getElementsById(): HowgetElementsByClass()?

[Alan K Baker]

This is a CSS ONLY forum!

Regards, 
 
Alan.
 
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus


  - Original Message - 
  From: abhishek khurana 
  To: css-d@lists.css-discuss.org 
  Sent: Monday, July 07, 2008 1:35 PM
  Subject: [css-d] Javascript: getElementsByTagName() getElementsById(): 
HowgetElementsByClass()?


  let me know u guys feedback on this:
  
http://pitfalls.wordpress.com/2008/07/07/querying-it-jquery-way-getelementsbyclass/

__
css-discuss [EMAIL PROTECTED]
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] Rounded Corners -- Simplest Way

[Sohail Aboobaker]

Hi,

What is the simplest way to create rounded corners using CSS. I saw a
technique using 3 extra div tags for three corner images (left-bottom,
right-bottom, left top) which seemed cumbersome and the posting was old. Are
there any newer and simpler ways of creating rounded boxes containers?

Regards,
Sohail
__
css-discuss [EMAIL PROTECTED]
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] Rounded Corners -- Simplest Way

[Jake Churchill]

Here's how I do it, yes it uses divs but it's always served me very well:

http://jake.cfwebtools.com/2008/02/13/css-rounded-corners/

Jake Churchill
CF Webtools
11204 Davenport, Ste. 100
Omaha, NE  68154
http://www.cfwebtools.com
402-408-3733 x103



Sohail Aboobaker wrote:
> Hi,
>
> What is the simplest way to create rounded corners using CSS. I saw a
> technique using 3 extra div tags for three corner images (left-bottom,
> right-bottom, left top) which seemed cumbersome and the posting was old. Are
> there any newer and simpler ways of creating rounded boxes containers?
>
> Regards,
> Sohail
> __
> css-discuss [EMAIL PROTECTED]
> 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-discuss [EMAIL PROTECTED]
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] Rounded Corners -- Simplest Way

[David Laakso]

Sohail Aboobaker wrote:
>
> What is the simplest way to create rounded corners using CSS. 
> Sohail
>
>   


This comes up on the list frequently from time to time, and it may be 
worth while checking the list archives for previous replies...

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] Rounded Corners -- Simplest Way

[Christian Kirchhoff]

Here's an overview of techniques:
http://www.smileycat.com/miaow/archives/44.php

I used the second one (from Schillmania.com)

Best regards,

Christian
*Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski


Sohail Aboobaker schrieb:
> Hi,
>
> What is the simplest way to create rounded corners using CSS. I saw a
> technique using 3 extra div tags for three corner images (left-bottom,
> right-bottom, left top) which seemed cumbersome and the posting was old. Are
> there any newer and simpler ways of creating rounded boxes containers?
>
> Regards,
> Sohail
> __
> css-discuss [EMAIL PROTECTED]
> 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-discuss [EMAIL PROTECTED]
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] IE7 drop down menu woes

[Tim Offenstein]

I posted a note a few weeks back but didn't get any takers. I'm still 
banging my head against the same wall. I hope someone can offer a 
suggestion or two to try.

I've created a drop down menu using only CSS that's a couple levels 
deep. You can see it here: http://falling-leaf-productions.com/uif. 
IE7 has a weird bug that causes the sub menus to reappear empty. For 
instance if you hover over Search/Records/Box and then mouse out, the 
next time you hover over Search, the sub-menus jump up but are empty. 
I'm using two stylesheets, one with a left hand nav, the other 
without but both are identical in terms of the horizontal nav. I 
tried zoom:1 thinking it would force IE7 to redraw but no such luck. 
I'm open to any and all suggestions.

Thanks for your time and help.

-Tim

-- 
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
Tim Offenstein  ***  Campus Accessibility Liaison  ***  (217) 244-2700
 CITES Departmental Services  ***  www.uiuc.edu/goto/offenstein

__
css-discuss [EMAIL PROTECTED]
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] Prevent reset.css Inheritance

[Travis Killen]

Hello,

I am using Eric Meyers' reset.css file, which is great for creating my 
template file.   The problem is that I want don't want the reset styles 
to apply to the content generated by my Content Management System (CMS)  
Is there a way to prevent inheritance for my div#mainContent?

site link: http://agnew.sfasu.edu

- Travis Killen
http://936webdesign.com
__
css-discuss [EMAIL PROTECTED]
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] Prevent reset.css Inheritance

[Travis Killen]

Sorry the div#mainConetent can be found here:

http://agnew.sfasu.edu/index.php?option=com_content&task=blogsection&id=1&Itemid=3



Travis Killen wrote:
> Hello,
>
> I am using Eric Meyers' reset.css file, which is great for creating my 
> template file.   The problem is that I want don't want the reset styles 
> to apply to the content generated by my Content Management System (CMS)  
> Is there a way to prevent inheritance for my div#mainContent?
>
> site link: http://agnew.sfasu.edu
>
> - Travis Killen
> http://936webdesign.com
> __
> css-discuss [EMAIL PROTECTED]
> 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-discuss [EMAIL PROTECTED]
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] Prevent reset.css Inheritance

[David Laakso]

Travis Killen wrote:
> Hello,
>
> I am using Eric Meyers' reset.css file, which is great for creating my 
> template file.   The problem is that I want don't want the reset styles 
> to apply to the content generated by my Content Management System (CMS)  
> Is there a way to prevent inheritance for my div#mainContent?
>
> site link: http://agnew.sfasu.edu
>
> - Travis Killen
>
>   


What's so great about loading your style sheet with a ton of superfluous 
stuff, hardly any of which pertains to what you have in your source 
document?

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] Prevent reset.css Inheritance

[Ryan Doherty]

You could add margins, padding, etc to common elements in #mainContent.

#mainContent p {
margin: 0.5em 0;
//etc...
}

#mainContent h2 {
font-weight: bold;
text-size: 1.4em;
//etc...
}

This is the point of reset.css, to force you to specifically define  
the styling for your elements.

-Ryan

On Jul 7, 2008, at 9:30 AM, Travis Killen wrote:

> Hello,
>
> I am using Eric Meyers' reset.css file, which is great for creating my
> template file.   The problem is that I want don't want the reset  
> styles
> to apply to the content generated by my Content Management System  
> (CMS)
> Is there a way to prevent inheritance for my div#mainContent?
>
> site link: http://agnew.sfasu.edu
>
> - Travis Killen
> http://936webdesign.com
> __
> css-discuss [EMAIL PROTECTED]
> 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/

Ryan Doherty
[EMAIL PROTECTED]

__
css-discuss [EMAIL PROTECTED]
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] Rounded Corners -- Simplest Way

[tedd]

At 10:48 AM -0400 7/7/08, Sohail Aboobaker wrote:
>Hi,
>
>What is the simplest way to create rounded corners using CSS. I saw a
>technique using 3 extra div tags for three corner images (left-bottom,
>right-bottom, left top) which seemed cumbersome and the posting was old. Are
>there any newer and simpler ways of creating rounded boxes containers?
>
>Regards,
>Sohail

There's my solution:

http://sperling.com/examples/box/

and then a box in box I prepared:

http://www.webbytedd.com/ccc/box-box/

Feel free to use what you want.

Cheers,

tedd
-- 
---
http://sperling.com  http://ancientstones.com  http://earthstones.com
__
css-discuss [EMAIL PROTECTED]
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] Prevent reset.css Inheritance

[Bill Brown]

David Laakso wrote:
> What's so great about loading your style sheet with a ton of superfluous 
> stuff, hardly any of which pertains to what you have in your source 
> document?

Travis,

While I, too, generally use a (modified version of) Meyer's Reset.css
file, I use it to reset the styles of elements within a content
management system; most commonly for allowing a user to create (unknown)
source that I have styled specifically for the site. The shell of such a
system is generally (theoretically) composed of only a few elements
(divs and h1/2s).

I'm not sure what value you're gaining by applying it exclusively to the
shell.

To invert the application of the reset.css file, you'd have to alter the
specificity of each selector in the reset.css file to include only the
sections which are NOT div#mainContent. There is the CSS not() selector
modifier, but I'm fairly certain it does not yet have full browser support.

In your case, why not do away with Meyer's reset.css and only modify the
few elements you have outside div#mainContent, essentially creating your
own reset.css file?

Hope it helps.
--Bill

-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
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] IE7 drop down menu woes

[Bill Brown]

Tim Offenstein wrote:
> I posted a note a few weeks back but didn't get any takers. I'm still 
> banging my head against the same wall. I hope someone can offer a 
> suggestion or two to try.
> I've created a drop down menu using only CSS that's a couple levels 
> deep. You can see it here: http://falling-leaf-productions.com/uif. 
> IE7 has a weird bug that causes the sub menus to reappear empty. For 
> instance if you hover over Search/Records/Box and then mouse out, the 
> next time you hover over Search, the sub-menus jump up but are empty. 
> I'm using two stylesheets, one with a left hand nav, the other 
> without but both are identical in terms of the horizontal nav. I 
> tried zoom:1 thinking it would force IE7 to redraw but no such luck. 
> I'm open to any and all suggestions.
> Thanks for your time and help.
> -Tim

Tim,

In your UIF-menuStyles-vertNav.css file, you're feeding IE7 (all
browsers, in fact) the csshover2.htc file.

Most browsers will ignore this, but IE7 supports both :hover and
behavior. My guess is that if you move this file into your
IE-override.css file, you'll see this problem vanish in IE7.

Hope that helps.
--Bill


-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
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] Prevent reset.css Inheritance

[Travis Killen]

Thanks guys, thats what I will do.

- Travis Killen
http://936webdesign.com

Bill Brown wrote:
> David Laakso wrote:
>   
>> What's so great about loading your style sheet with a ton of superfluous 
>> stuff, hardly any of which pertains to what you have in your source 
>> document?
>> 
>
> Travis,
>
> While I, too, generally use a (modified version of) Meyer's Reset.css
> file, I use it to reset the styles of elements within a content
> management system; most commonly for allowing a user to create (unknown)
> source that I have styled specifically for the site. The shell of such a
> system is generally (theoretically) composed of only a few elements
> (divs and h1/2s).
>
> I'm not sure what value you're gaining by applying it exclusively to the
> shell.
>
> To invert the application of the reset.css file, you'd have to alter the
> specificity of each selector in the reset.css file to include only the
> sections which are NOT div#mainContent. There is the CSS not() selector
> modifier, but I'm fairly certain it does not yet have full browser support.
>
> In your case, why not do away with Meyer's reset.css and only modify the
> few elements you have outside div#mainContent, essentially creating your
> own reset.css file?
>
> Hope it helps.
> --Bill
>
>   

__
css-discuss [EMAIL PROTECTED]
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] div not working correctly in IE7

[Scott Thigpen]

I have a problem with a div not working right in IE7.  I'm at a complete
loss as why it's doing this

it works fine, of course, in Safari and FF

here is the page:
http://www.sthig.com/ggj/gallery1.html

here is my css
http://www.sthig.com/ggj/css/ggj.css

thank you for your help!

S c o t t T h i g p e n
Illustrative Designer
art: http://www.sthig.com
design: http://www.thigpendesigns.com
Phone: 770.527.3958
__
css-discuss [EMAIL PROTECTED]
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] div not working correctly in IE7

[Bill Brown]

Scott Thigpen wrote:
> I have a problem with a div not working right in IE7.  I'm at a complete
> loss as why it's doing this
> it works fine, of course, in Safari and FF
> here is the page:
> http://www.sthig.com/ggj/gallery1.html
> here is my css
> http://www.sthig.com/ggj/css/ggj.css
> thank you for your help!

Hi Scott:

try this in your style sheet:
#box1{zoom:1}

Hope it helps.
Bill


-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
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] IE7 drop down menu woes

[Bill Brown]

Bill Brown wrote:
> Tim Offenstein wrote:
>> Good suggestion Bill. I tried it and unfortunately have not noticed any
>> change. I thought perhaps the CSS was being cached but have eliminated
>> that possibility. Let me know if you think of anything else.
> 
> Hey there--
> 
> The addition of this snippet seemed to help. I added it just before the
> ending head tag, but you'd presumably want to integrate it into your
> style sheet:
> 
> li{position:relative!important;}
> 
> Dunno...maybe you'd want to put it into an IE7 exclusive style sheet
> since that seems to be the only affected browser.
> 
> Hope it helps.
> Let me know.
> --Bill

-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
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] div not working correctly in IE7

[Bill Brown]

Scott Thigpen wrote:
> Bill you're the best! Thank you for your help!
> 
> S c o t t T h i g p e n
> Illustrative Designer
> art: http://www.sthig.com
> design: http://www.thigpendesigns.com
> Phone: 770.527.3958
> 
> On Mon, Jul 7, 2008 at 4:52 PM, Bill Brown <[EMAIL PROTECTED]
> > wrote:
> 
> Scott Thigpen wrote:
> > I have a problem with a div not working right in IE7.  I'm at a
> complete
> > loss as why it's doing this
> > it works fine, of course, in Safari and FF
> > here is the page:
> > http://www.sthig.com/ggj/gallery1.html
> > here is my css
> > http://www.sthig.com/ggj/css/ggj.css
> > thank you for your help!
> 
> Hi Scott:
> 
> try this in your style sheet:
> #box1{zoom:1}
> 
> Hope it helps.
> Bill
> 
> 
> --
> /**
>  * Bill Brown
>  * TheHolierGrail.com & MacNimble.com
>  * From dot concept...to dot com...since 1999.
>  ***/
> 
> 


-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
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] faux column has disappeared entirely

[Suzie Henderson]

I thought I finally had all the kinks worked out but now my faux column down
the left side has decided not to display at all in IE 5.5 and IE 7. It seems
to do fine in IE6.

I thought it was all working well a couple of days ago. I could be wrong.
(So many site checks...so little life.) The only thing I have done as a
major change to all pages since then was to add the 16x16 icon to the tabs.

If you notice anything else wrong I need to know about, please let me know.
This my first attempt at web design, so be nice.
I know my CSS has some wasted code and redundancy but it works and I'm
scared to muck with it.
Lots of broken links. Lots of pages still local waiting to be uploaded
pending the reappearance of the left column.

Site and CSS both validate.

Thanks in advance
Suzie

http://www.txfannin.org/
http://www.txfannin.org/styles1.css
There's a second style sheet but it doesn't have a left column so you
probably don't care.
http://www.txfannin.org/scrapbooks.css
__
css-discuss [EMAIL PROTECTED]
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] faux column has disappeared entirely

[Bill Brown]

Suzie Henderson wrote:
> I thought I finally had all the kinks worked out but now my faux column down
> the left side has decided not to display at all in IE 5.5 and IE 7. It seems
> to do fine in IE6.
> I thought it was all working well a couple of days ago. I could be wrong.
> (So many site checks...so little life.) The only thing I have done as a
> major change to all pages since then was to add the 16x16 icon to the tabs.
> If you notice anything else wrong I need to know about, please let me know.
> This my first attempt at web design, so be nice.
> I know my CSS has some wasted code and redundancy but it works and I'm
> scared to muck with it.
> Lots of broken links. Lots of pages still local waiting to be uploaded
> pending the reappearance of the left column.

Hi Suzie,

Good news and bad news.

Bad news first: I can't help you.

Good news: I can't help you because this site displays identically on
IE5.5, IE6, IE7 and Firefox on my system.

Interestingly, I don't see any 16x16 icons anywhere as you noted in your
email. Maybe try holding control or shift when you refresh the page in
your browser? Could be some of the files are cached on your system and
causing some problems that you've already fixed in newer versions.

Hope that helps. Sorry I can't replicate your problem.
--Bill



-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
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] faux column has disappeared entirely

[Suzie Henderson]

On Mon, Jul 7, 2008 at 8:04 PM, Bill Brown <[EMAIL PROTECTED]> wrote:

> Suzie Henderson wrote:
> > I thought I finally had all the kinks worked out but now my faux column
> down the left side has decided not to display at all in IE 5.5 and IE 7.
>
> Hi Suzie,
>
>
> Good news: I can't help you because this site displays identically on
> IE5.5, IE6, IE7 and Firefox on my system.
>
> Interestingly, I don't see any 16x16 icons anywhere as you noted in your
> email.
>
> Hope that helps. Sorry I can't replicate your problem.
> --Bill
>
>
Thanks, Bill That IS good news that you are seeing the site correctly in all
browsers. I'm working on a Mac and was resorting to Netrenderer for a quick
IE site check. I thought it might be a Netrenderer problem but forgot to
mention it. I have access to a network of PC's twice a week and normally
don't rely on Netrenderer.

The tiny icons are the least of my worries. A nice touch but not critical to
getting the rest of the 2000 pages up! Thanks for your prompt reply.

Suzie
__
css-discuss [EMAIL PROTECTED]
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] faux column has disappeared entirely

[Bill Brown]

Suzie Henderson wrote:
> Thanks, Bill That IS good news that you are seeing the site correctly in
> all browsers. I'm working on a Mac and was resorting to Netrenderer for
> a quick IE site check. I thought it might be a Netrenderer problem but
> forgot to mention it. I have access to a network of PC's twice a week
> and normally don't rely on Netrenderer.
> 
> The tiny icons are the least of my worries. A nice touch but not
> critical to getting the rest of the 2000 pages up! Thanks for your
> prompt reply.

No problem.
Glad I could help.
--Bill


-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
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] faux column has disappeared entirely

[David Laakso]

Suzie Henderson wrote:
> If you notice anything else wrong I need to know about, please let me know.
>
> Suzie
>
> http://www.txfannin.org/
>
>   

Em font-scaling bug in the Es.
When setting fonts in em for IE a base in percent is needed on the body 
or html, or the fonts will go goofy when scaled.
The correction for your site is to add this declaration at the top of 
the style sheet:
html {font-size:100%;}
As ever,
Ozzie

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] faux column has disappeared entirely

[Suzie Henderson]

On Mon, Jul 7, 2008 at 8:30 PM, David Laakso <[EMAIL PROTECTED]>
wrote:

> Suzie Henderson wrote:
>
>> If you notice anything else wrong I need to know about, please let me
>> know.
>>
>> Suzie
>>
>> http://www.txfannin.org/
>>
>>
>>
>
> Em font-scaling bug in the Es.
> When setting fonts in em for IE a base in percent is needed on the body or
> html, or the fonts will go goofy when scaled.
> The correction for your site is to add this declaration at the top of the
> style sheet:
> html {font-size:100%;}
> As ever,
> Ozzie
>
> --
> http://chelseacreekstudio.com/
>
> Done! Added to both sheets and uploaded. Thanks
Harriet
__
css-discuss [EMAIL PROTECTED]
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] IE7 drop down menu woes

[Tim Offenstein]

>Bill Brown wrote:
>>  Tim Offenstein wrote:
>>>  Good suggestion Bill. I tried it and unfortunately have not noticed any
>>>  change. I thought perhaps the CSS was being cached but have eliminated
>>>  that possibility. Let me know if you think of anything else.
>>
>>  Hey there--
>>
>>  The addition of this snippet seemed to help. I added it just before the
>>  ending head tag, but you'd presumably want to integrate it into your
>>  style sheet:
>>
>>  li{position:relative!important;}
>>

My thanks to Bill for his help unfortunately nothing has changed it 
yet. The submenus are still showing up blank on the second mouseover. 
I'm hoping for more suggestions.

Tedd Sperling has a similar menu system that works okay 
(sperling.com/examples/menuh) so I'm going to dissect it in the hopes 
of discovering why mine's misbehaving.

-Tim
-- 
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
Tim Offenstein  ***  Campus Accessibility Liaison  ***  (217) 244-2700
 CITES Departmental Services  ***  www.uiuc.edu/goto/offenstein

__
css-discuss [EMAIL PROTECTED]
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] horizontal nav not placing correctly

[Daniel Hammond]

URL: www.objectivedesigns.com/amittius/index.htm
CSS: www.objectivedesigns.com/amittius/index.css

I've tested it in (all WinXP) FF3, IE7, IE6, Opera 9.5, and Safari 3. They
all display the navigation correctly except Safari. I want the nav buttons
to touch the bottom of the nav area, but they don't quite go to the bottom
in Safari. I also haven't tested this on a Mac, so if anyone could do that
for me, that would be great (thanks in advance). What's more pressing,
though, is why does Safari display it incorrectly while all the others
display it correctly?

Thanks,

Daniel Hammond
2227 Dunseath Avenue
Atlanta, GA 30318
770-842-8817
www.objectivedesigns.com

__
css-discuss [EMAIL PROTECTED]
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] IE7 drop down menu woes

[Bill Brown]

Tim Offenstein wrote:
> My thanks to Bill for his help unfortunately nothing has changed it 
> yet. The submenus are still showing up blank on the second mouseover. 
> I'm hoping for more suggestions.
> 
> Tedd Sperling has a similar menu system that works okay 
> (sperling.com/examples/menuh) so I'm going to dissect it in the hopes 
> of discovering why mine's misbehaving.
> 
> -Tim

Tim,

I have no idea what's going on in your menu. It certainly seems to be
CSS related, but I can't isolate the cause.

In my attempts to replicate and quarantine the offending code, I wound
up writing a new CSS menu from scratch that you're welcome to use if you
like. You can find it here:
http://www.theholiergrail.com/tests/cssmenu/index.html

...and I've included the source in this email which can be found
immediately proceeding my rather ostentatious signature.

In testing, I found success in the following browsers:
IE5.5/WinXP
IE6/WinXP
IE7/WinXP
Opera 9.5/WinXP
Opera 9.5/Ubuntu Hardy
Firefox 3/Ubuntu Hardy
Firefox 3/WinXP

I didn't crank up my Win/Vista system or download the new Opera, but one
can probably assume the results would be as successful as indicated
above. I did not encounter any of the blanking elements plaguing your
current menu system.

Hope this helps.
Let me know if you have questions/issues/watermelons.
Bill


-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/


http://www.w3.org/TR/html4/strict.dtd";>


Menu Testing

a {display:block;padding:5px;position:relative;}
ul {border:1px solid #000;list-style:none;margin:0;padding:0;}
li {border-right:1px solid #000;list-style:none;margin:0;padding:1px
0;position:relative;}
ul ul
{background-color:#fff;border-top:0;left:-1px;position:absolute;top:100%;}
ul ul ul {position:absolute;left:100%;top:-1px;}
li {display:inline;float:left;white-space:nowrap;}
li li,
li li li{border:0;border-top:1px solid #000;display:block;float:none;}
li:hover {background-color:#e5e5e5;}
li ul,
li:hover li ul,
li:hover li:hover li ul{display:none;}
li:hover ul,
li:hover li:hover ul,
li:hover li:hover li:hover ul{display:block;}
/**
 * = Float Behavior Switch
 *   The overflow:hidden switch won't work in this case.
 */
ul:after {
  clear: both;
  content:   "...";
  display:   block;
  font-size: 1px;
  height:0;
  overflow:  hidden;
  visibility:hidden;
  }







  Menu Item 1

  Menu Item 1.1

  Menu Item 1.1.1

  Menu Item 1.1.1.1
  Menu Item 1.1.1.2
  Menu Item 1.1.1.3

  
  Menu Item 1.1.2

  Menu Item 1.1.2.1
  Menu Item 1.1.2.2
  Menu Item 1.1.2.3

  
  Menu Item 1.1.3

  Menu Item 1.1.3.1
  Menu Item 1.1.3.2
  Menu Item 1.1.3.3

  

  
  Menu Item 1.2

  Menu Item 1.2.1

  Menu Item 1.2.1.1
  Menu Item 1.2.1.2
  Menu Item 1.2.1.3

  
  Menu Item 1.2.2

  Menu Item 1.2.2.1
  Menu Item 1.2.2.2
  Menu Item 1.2.2.3

  
  Menu Item 1.2.3

  Menu Item 1.2.3.1
  Menu Item 1.2.3.2
  Menu Item 1.2.3.3

  

  
  Menu Item 1.3

  Menu Item 1.3.1

  Menu Item 1.3.1.1
  Menu Item 1.3.1.2
  Menu Item 1.3.1.3

  
  Menu Item 1.3.2

  Menu Item 1.3.2.1
  Menu Item 1.3.2.2
  Menu Item 1.3.2.3

  
  Menu Item 1.3.3

  Menu Item 1.3.3.1
  Menu Item 1.3.3.2
  Menu Item 1.3.3.3

  

  

  
  Menu Item 2

  Menu Item 2.1

  Menu Item 2.1.1

  Menu Item 2.1.1.1
  Menu Item 2.1.1.2
  Menu Item 2.1.1.3

  
  Menu Item 2.1.2

  Menu Item 2.1.2.1
  Menu Item 2.1.2.2
  Menu Item 2.1.2.3

  
  Menu Item 2.1.3

  Menu Item 2.1.3.1
  Menu Item 2.1.3.2
  Menu Item 2.1.3.3

  

  
  Menu Item 2.2

  Menu Item 2.2.1

  Menu Item 2.2.1.1
  Menu Item 2.2.1.2
  Menu Item 2.2.1.3

  
  Menu Item 2.2.2

  Menu Item 2.2.2.1
  Menu Item 2.2.2.2
  Menu

Re: [css-d] horizontal nav not placing correctly

[Bill Brown]

Daniel Hammond wrote:
> URL: www.objectivedesigns.com/amittius/index.htm
> CSS: www.objectivedesigns.com/amittius/index.css
> 
> I've tested it in (all WinXP) FF3, IE7, IE6, Opera 9.5, and Safari 3. They
> all display the navigation correctly except Safari. I want the nav buttons
> to touch the bottom of the nav area, but they don't quite go to the bottom
> in Safari. I also haven't tested this on a Mac, so if anyone could do that
> for me, that would be great (thanks in advance). What's more pressing,
> though, is why does Safari display it incorrectly while all the others
> display it correctly?

Hi Daniel--

Try this:
#nav {
font-family: "Trebuchet MS";
margin: 0;
padding: 0;
width: 750px;
/*  height: 28px; REMOVE */
background: #886;
font-size: 13px;
font-weight: bold;
color: #fff;
text-align: center;
}
#nav a, #nav strong {
display:inline-block; /* ADD */
padding: 2px 25px 3px 25px;
border: 1px solid #eee;
border-bottom: 0;
color: #fff;
text-decoration: none;
position: relative;
}

That should work for all browsers with your current code. Safari wasn't
the only one incidentally...Firefox 3/Ubuntu was showing it the same as
Safari...with the extra spacing produced from the height setting on your
#nav element.

Hope it helps.
--Bill


-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
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] IE7 drop down menu woes

[Bill Brown]

jft wrote:
> Bill,
> As a new subscriber to the list, and looking for a css only menu, this looks 
> brilliant!
> Could this become a permanent addition to TheHolierGrail at some point?
> With many thanks and kind regards,
> John

Hi John,

I cheerily and gratefully accept your kudos, but must admit to my
unabashed disdain for generalized use of CSS-driven menus in the wild. I
find them incredibly finicky and awfully difficult to manage when using
a laptop's touchpad, eraser mouse or reclined in the seat of a space
shuttle.

My (quickly typed) general philosophy with regard to the web development
process breaks down like so:
More or less I recognize these strengths and try to use...
...Apache for secure, reliable communication between computers,
...MySQL for computer-readable data storage,
...PHP for data processing,
...HTML for human-readable data output,
...Unobtrusive Javascript for interactive/client-side behavior,
...and CSS for data presentation.

In the case of menus, I think Javascript is better equipped to handle
the menu /behavior/, showing, hiding, delaying and so on. I do believe
it should be styled through CSS, though.

I've heard the argument that CSS:hover menus could/should be used when
scripting is disabled. I don't think so. I think when scripting is
disabled, we do better to present the user with a styled expanded menu.

Much of this is philosophical (read: debatable)...the bottom line with
regard to your question is this:
The code for this menu will of course always be available on
theholiergrail.com but I doubt that I'll ever fully integrate it as a
core component (heck, I haven't even had time integrate the core
components as core components).

Anyway, I'm glad you enjoyed it and welcome to the list. You'll find
this list populated with a great many people far more intelligent and
knowledgeable than I am, so if the menu impressed you...prepare to have
your world rocked.

Thanks for writing!
Have a great week.
--Bill



-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
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/