[css-d] Strange behaviour in Mac browsers

[Michael Palmer]

G'day, 

I have a page whose menu uses the "Sprites" rollover method that works fine in 
IE5.01, IE 5.5, IE6 and Firefox 1.0.4 (all Windows). 

http://www.stroke7.com/hayleysparks/sample.htm
css: http://www.stroke7.com/hayleysparks/s.css

It's a different story on Mac with IE and Safari. Both are reacting differently 
(and badly) to the menu / rollover.

In Safari, one of the menu items won't come up, specifically the "Location" 
button.
In IE, the buttons turn white upon rollover. That's really bizarre. There 
aren't any blocks in the button graphics, so that's really confusing.

If anyone can clue me in on what's happening, that'd be great.

Cheers,

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

Re: [css-d] Strange behaviour in Mac browsers

[Philippe Wittenbergh]

On 25 May 2005, at 3:57 pm, Michael Palmer wrote:


http://www.stroke7.com/hayleysparks/sample.htm
css: http://www.stroke7.com/hayleysparks/s.css

It's a different story on Mac with IE and Safari. Both are reacting 
differently (and badly) to the menu / rollover.


In Safari, one of the menu items won't come up, specifically the 
"Location" button.
In IE, the buttons turn white upon rollover. That's really bizarre. 
There aren't any blocks in the button graphics, so that's really 
confusing.


IE Mac 5.2 appears to behave correctly on my PowerBook.
Safari 1.3 works as expected.

But I can see a problem in your stylesheet that will affect Safari 1.2 
and older: You are mixing keywords and  numeric values to 
position background images.
#menu #loc {left: 287px; width: 92px; background: transparent 
url(buttons.gif) left 2px no-repeat;}


If you change that to  0 2px no-repeat, it should work correctly.
Safari doesn't really like the mixing of keywords, and  values.
Although this is allowed in CSS 2.1 CR, it was not allowed in the CSS 
2.0 Rec.



Philippe
---
Philippe Wittenbergh


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

Re: [css-d] valid xhtml

[Muammar Kris Khaira]

The space between r and / is not required.

On May 24, 2005, at 2:18 AM, Arnie Shafer wrote:


Change to:  Note the space between "r" and "/".


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

RE: [css-d] CSS list numbering - non-contiguous lists in XHTML 1. 1

[David Balch]

Hi Rowan

> -Original Message-
> From: Rowan @ Jetboy [mailto:[EMAIL PROTECTED] 
> 
> "Conceptually one doesn't find paragraphs in lists - only 
> list-items. One could argue that something that isn't a 
> list-item within a list should be treated as if it weren't in 
> the list, regards formatting at least."
> 
> I think you've got it there. Either your paragraph is in fact 
> a list item, albeit styled like a paragraph, 

It's not really a list item. The list (steps in my routine) is interrupted
by something (the cat) - the cat isn't part of the routine...

> or it's a paragraph which splits two separate lists.

...and the routine certainly is one list, not two.

> Either way, is 
> looks like the 'value' attribute can be used to achieve what 
> you're looking for visually. For the second option:
 
> 
> Check the post.
> Eat some breakfast.
> 

Unfortunately for me, the 'value' attribute is depreciated [VALUE], and
unavailable in XHTML1.1 :-(


Incidentally, I apologise if my replies to everyone's suggestions seem
harsh. I'm trying to find the "proper" way to deal with this - for semantics
as well as W3C reccomendations. If there's nothing the specs (full and
draft) to support this, I think the W3C will need to add a way...

Thanks for you suggestion.

[VALUE] http://www.w3.org/TR/REC-html40/struct/lists.html#adef-value-LI

Cheers,
Dave.

-- 
David Balch.  | Web developer.
T: +44 (0)1865 280979 | Technology-Assisted Lifelong Learning.
F: +44 (0)1865 280982 | University of Oxford.
E: [EMAIL PROTECTED]

TALL, OUDCE and the University of Oxford accept no legal responsibility for
the contents of this message. Any views or opinions presented are only those
of the author and not those of TALL, or OUDCE, or the University of Oxford.
If this email has come to you in error please delete it and any attachments
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Re: valid xhtml

[David Dorward]

On 5/25/05, Muammar Kris Khaira <[EMAIL PROTECTED]> wrote:
> On May 24, 2005, at 2:18 AM, Arnie Shafer wrote:
> > Change to:  Note the space between "r" and "/".

> The space between r and / is not required.

It is if you want to conform to Appendix C, and if you don't conform
to Appendix C then the note which says you may serve the XHTML as
text/html does not apply ... and that rather restricts the user agents
which will deal with the resource.

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

RE: [css-d] CSS list numbering - non-contiguous lists in XHTML 1. 1

[David Balch]

Hi Michael,

> -Original Message-
> From: Michael Wilson [mailto:[EMAIL PROTECTED] 
> Sent: 24 May 2005 18:16



> In contrast, one argument in favor of block-level content 
> within list items may be that just because something is a 
> list item doesn't necessarily mean that it doesn't warrant 
> further elaboration or structure. 

Sure, I agree that an individual list-item might use block-level content.

> 
> If the content in question isn't an integral part of a list 
> item, then it should be placed outside the list; perhaps 
> before as an introduction or after as a footnote.

Hmm, I'll need to have a good think about how my content works - maybe some
use cases.

> At the end of the day, I don't think you will be committing 
> semantic hara-kiri by using this method to structure your list.

Yeah, it's a compromise I can live with. It would be nice to have a "proper"
way of doing it though :-/

Cheers,
Dave.

-- 
David Balch.  | Web developer.
T: +44 (0)1865 280979 | Technology-Assisted Lifelong Learning.
F: +44 (0)1865 280982 | University of Oxford.
E: [EMAIL PROTECTED]

TALL, OUDCE and the University of Oxford accept no legal responsibility for
the contents of this message. Any views or opinions presented are only those
of the author and not those of TALL, or OUDCE, or the University of Oxford.
If this email has come to you in error please delete it and any attachments

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

Re: [css-d] Strange behaviour in Mac browsers

[Michael Palmer]

Hi Philippe,

Thanks for the help, however it seems that one problem begets another.

After changing the rules where I had mixed the keywords and length values,
Firefox in Windows decides to put an unexplainable purple line under the
nav bar. Does anyone know what that's about?

Safari works now! IE5.01/5.5/6 Win are still ok. Mac IE is still reacting 
strange on the rollover.


Has anyone seen this sort of behaviour before?

Cheers,

Mike

- Original Message - 
From: "Philippe Wittenbergh" <[EMAIL PROTECTED]>

To: 
Cc: "Michael Palmer" <[EMAIL PROTECTED]>
Sent: Wednesday, May 25, 2005 3:46 PM
Subject: Re: [css-d] Strange behaviour in Mac browsers




On 25 May 2005, at 3:57 pm, Michael Palmer wrote:


http://www.stroke7.com/hayleysparks/sample.htm
css: http://www.stroke7.com/hayleysparks/s.css

It's a different story on Mac with IE and Safari. Both are reacting 
differently (and badly) to the menu / rollover.


In Safari, one of the menu items won't come up, specifically the 
"Location" button.
In IE, the buttons turn white upon rollover. That's really bizarre. There 
aren't any blocks in the button graphics, so that's really confusing.


IE Mac 5.2 appears to behave correctly on my PowerBook.
Safari 1.3 works as expected.

But I can see a problem in your stylesheet that will affect Safari 1.2 and 
older: You are mixing keywords and  numeric values to position 
background images.
#menu #loc {left: 287px; width: 92px; background: transparent 
url(buttons.gif) left 2px no-repeat;}


If you change that to  0 2px no-repeat, it should work correctly.
Safari doesn't really like the mixing of keywords, and  values.
Although this is allowed in CSS 2.1 CR, it was not allowed in the CSS 2.0 
Rec.



Philippe
---
Philippe Wittenbergh


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



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

Re: [css-d] Strange behaviour in Mac browsers

[Michael Palmer]

I just got rid of the purple line in Firefox, I just added a 
text-decoration:none rule to the needed anchor.


However, the other problem with Mac IE is still there. Do you think it might 
have something to do with

using the "Sprites" method of background rollovers?

Cheers,

Mike 
__

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

Fwd: [css-d] valid xhtml

[f.terenzani]

theoretically you can also use "" for break line or  
for images, etc...

On 5/23/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> 
> is this a valid xhtml?
> 
> 
> abc abc
> 
> abc abc
> abc abc
> 
> 
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: Re: [css-d] CSS list numbering - non-contiguous lists in XHTM L 1.1

[David Balch]

Hi BJ,

> -Original Message-
> From: BJ [mailto:[EMAIL PROTECTED] 
> Sent: 25 May 2005 00:04
> 
 
> Though it would be VERY tricky to do, and involve some 
> positioning wizardry, I think this could be done by creating 
> a bottom margin on the #3 list item using a class, and 
> leaving enough room for an absolutely positioned paragraph 
> there.

Yikes! That sounds like a *large* amount of hassle ;-)

> That should validate, though you'll probably get a 
> few gray hairs making it lay up properly.

Especially when taking user-agent text scaling into account - ouch!

> That puts the 
> paragraph "outside" of the list while it's visually inside of 
> it, since an absolutely positioned paragraph can be almost 
> anywhere within the body of the xhtml.

Hmm, I think I would prefer that the markup is structured more like the
layout, to reflect the relationship between the list-item and the para.
Applying your approach to my morning example [MORN], and reading in in a
non-css user agent would give a totally different text:

--8<---
This morning I went through my usual waking up routine:

 1) Get out of bed. 
 2) Clean up in the bathroom.
 3) Put on some clothes.
 4) Check the post.
 5) Eat some breakfast.
At this point I was interupted by a stray cat wandering in to my room,
sniffing at things, then leaving. Without any reason not to, I carried on my
routine...

How exciting am I!
--8<---


Nice idea though - thanks,
Dave.


[MORN] Original morning example:
--8<---
This morning I went through my usual waking up routine:

 1) Get out of bed. 
 2) Clean up in the bathroom.
 3) Put on some clothes.

At this point I was interupted by a stray cat wandering in to my room,
sniffing at things, then leaving. Without any reason not to, I carried on my
routine...

 4) Check the post.
 5) Eat some breakfast.

How exciting am I!
--8<---
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] Re: valid xhtml

[David Balch]

Hi,

> From: David Dorward [mailto:[EMAIL PROTECTED] 
> Sent: 25 May 2005 10:28
> 
> On 5/25/05, Muammar Kris Khaira <[EMAIL PROTECTED]> wrote:
> > On May 24, 2005, at 2:18 AM, Arnie Shafer wrote:
> > > Change to:  Note the space between "r" and "/".
> 
> > The space between r and / is not required.
> 
> It is if you want to conform to Appendix C, and if you don't 
> conform to Appendix C then the note which says you may serve 
> the XHTML as text/html does not apply ... and that rather 
> restricts the user agents which will deal with the resource.

Beware of the issues surrounding sending XHTML as text/html:
http://www.hixie.ch/advocacy/xhtml

Cheers,
Dave.

-- 
David Balch.  | Web developer.
T: +44 (0)1865 280979 | Technology-Assisted Lifelong Learning.
F: +44 (0)1865 280982 | University of Oxford.
E: [EMAIL PROTECTED]

TALL, OUDCE and the University of Oxford accept no legal responsibility for
the contents of this message. Any views or opinions presented are only those
of the author and not those of TALL, or OUDCE, or the University of Oxford.
If this email has come to you in error please delete it and any attachments


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

[css-d] Floating and not wrapping images

[Scott Haneda]

I have been at this too long, I just need a solution :-(

I can not have the body copy text wrapping around the image, I more or less
want 2 columns, and do not want to resort to a table, though I am about to,
as 4 hours to get this far and 5 minutes with tables

I need they grey and yellow boxes on the right to auto collpase as they are
now. This more or less repeats records out of a database, but the data is
slightly variable.

thanks
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


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

RE: [css-d] IE6/Opera Images Underline Problem

[Frank McClung]

Holly,

Your suggestion did remove the underlines from the images and navigation,
however the .bodytext dotted underline is not showing up.

http://www.computerrecycling.us/ebay.htm


Interestingly, the .generalul (see http://www.computerrecycling.us/map.htm)
is keeping its dotted underline. Thoughts?


Frank


-Original Message-
From: Holly Bergevin [mailto:[EMAIL PROTECTED] 
Sent: Wednesday, May 25, 2005 1:27 AM
To: css-d@lists.css-discuss.org; [EMAIL PROTECTED]
Subject: Re: [css-d] IE6/Opera Images Underline Problem

From: "Frank McClung" <[EMAIL PROTECTED]>

>Button images on this site I'm working on at
>
>http://www.computerrecycling.us/ebay.htm
>
>all have a dotted underline in IE6 and Opera. Firefox is fine. Seems to be
>connected to the visited state of links? I removed the dotted underline
from
>the .bodytext and it didn't cure the problem for the underlined images.
What
>am I missing in the CSS?

Frank,

You have the following selectors which include rules for dotted bottom
borders - 

.bodytext a:link, a: visited { }

and further along in your style sheet you have - 

.generalul ul li a:link, a:visited { }

In addition to setting styles for  - .bodytext a:link - and - .generalul ul
li a:link - you've actually set styles for ALL visited links to have the
bottom borders, because you did not repeat the beginning of the selectors
that would have specifially targeted - .bodytext a:visited - and -
.generalul ul li a:visited  

What you really want are the following selectors - 

.bodytext a:link, .bodytext a: visited { } 

.generalul ul li a:link, .generalul ul li a:visited { }

Correcting those selectors ought to solve your difficulties, or at least put
you on the right path.

hth,

~holly 
 
   


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

Re: [css-d] Inheritance and computed value question

[Andrew Gregory]

On Tue, 24 May 2005 15:53:39 +0800, Ingo Chao <[EMAIL PROTECTED]> wrote:

I find your question and your interpretation reasonable, but cannot  
answer.


Thanks for replying.

I'll assume the lack of disagreement :) roughly equates to agreement, so  
I'll report my findings as bugs to the various browser developers.


Cheers,
--
Andrew Gregory, mailto:[EMAIL PROTECTED] >
http://www.scss.com.au/family/andrew/ >
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] Re: CSS list numbering - non-contiguous lists in XHTM L 1.1

[David Balch]

Hi,

FYI, I've found a thread on www-html discussing this concept - for XHTML2.
Maybe in 5 years or so I'll be able to do what I'm after...
http://lists.w3.org/Archives/Public/www-html/2004Mar/0082.html

Cheers,
Dave.

-- 
David Balch.  | Web developer.
T: +44 (0)1865 280979 | Technology-Assisted Lifelong Learning.
F: +44 (0)1865 280982 | University of Oxford.
E: [EMAIL PROTECTED]

TALL, OUDCE and the University of Oxford accept no legal responsibility for
the contents of this message. Any views or opinions presented are only those
of the author and not those of TALL, or OUDCE, or the University of Oxford.
If this email has come to you in error please delete it and any attachments

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

Re: [css-d] Floating and not wrapping images

[Chris Ovenden]

On 5/25/05, Scott Haneda <[EMAIL PROTECTED]> wrote:
> 
> I have been at this too long, I just need a solution :-(
> 
> I can not have the body copy text wrapping around the image, I more or less
> want 2 columns, and do not want to resort to a table, though I am about to,
> as 4 hours to get this far and 5 minutes with tables

This will stop your text from wrapping:

.prodWrapper  h1 {
clear:both
}


Hope I understood you correctly. 

Chris

> 
> I need they grey and yellow boxes on the right to auto collpase as they are
> now. This more or less repeats records out of a database, but the data is
> slightly variable.
> 
> thanks
> --
> -
> Scott HanedaTel: 415.898.2602
>  Novato, CA U.S.A.
> 
> 
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Strange behaviour in Mac browsers

[Michael Cassidy]

Its working well on my MACs in both Safari and Explorer.


On May 25, 2005, at 3:15 AM, Philippe Wittenbergh wrote:



On 25 May 2005, at 3:57 pm, Michael Palmer wrote:


http://www.stroke7.com/hayleysparks/sample.htm
css: http://www.stroke7.com/hayleysparks/s.css

It's a different story on Mac with IE and Safari. Both are reacting 
differently (and badly) to the menu / rollover.


In Safari, one of the menu items won't come up, specifically the 
"Location" button.
In IE, the buttons turn white upon rollover. That's really bizarre. 
There aren't any blocks in the button graphics, so that's really 
confusing.


IE Mac 5.2 appears to behave correctly on my PowerBook.
Safari 1.3 works as expected.

But I can see a problem in your stylesheet that will affect Safari 1.2 
and older: You are mixing keywords and  numeric values to 
position background images.
#menu #loc {left: 287px; width: 92px; background: transparent 
url(buttons.gif) left 2px no-repeat;}


If you change that to  0 2px no-repeat, it should work correctly.
Safari doesn't really like the mixing of keywords, and  values.
Although this is allowed in CSS 2.1 CR, it was not allowed in the CSS 
2.0 Rec.



Philippe
---
Philippe Wittenbergh


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



Jazz is freedom. - T. Monk
 www.panix.com/~cassidy
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE 5.0 and 5.5 hacks

[anthony croshaw]

Hi guys, I have come up against my first ie5 nightmares, do any of you know
some good sites that explain the various hacks in plain English? I know a
few already, like the body {text-align:center;} one for 5.5, but really I
need to know more. From what I understand after reading some articles by
Eric, if you use divs with no borders, margins or padding, and apply the
styling to the contents, you should get round most of the problems?

Cheers for your help, and any good links!

anthony

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

[css-d] sliding doors and bottom margin/padding?

[Jim Gay]

I'm using A List Apart's Sliding Doors technique for my navigation,  
but I'm having trouble in ie6 where there is a gap below the navigation.

It works fine in Firefox and Safari.
http://www.saturnflyer.com/insinga/

Does anyone have experience with getting the content below a sliding  
doors nav to butt up against the bottom of the nav?

Thanks, I'm having trouble figuring this one out.
-Jim
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] vertical-align property

[KavinskyC]

I'm having a problem getting a img to line up properly vertically. A
screen shot of the image can be found at
http://whiteboxerdesign.com/test/nav1.jpg.
 
In a nutshell: I'm using  to create a horizontal navigation scheme.
I want to bracket the list with images with rounded corners. The
background image takes care of the top corner. I'm using a png image to
take care of the bottom corner and setting it with vertical-align:
bottom. The problem is the image was stopping at the ascender of the
text, not the decender. I tried using an em space designation (see jpg
above) but still no dice. Any suggestions? If you need some more
specific info, you can e-mail me directly at [EMAIL PROTECTED] if you
prefer.

Chris Kavinsky
Art Director
Xenos Christian Fellowship
823-6510 x 187

 

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

[css-d] Firefox :hover bug?

[Ryan Cannon]

I'm having trouble isolating/working  around a seeming :hover bug in  
Firefox. If you look at my site's navigation bar[1], the "tabs"  
disappear when you hover over the list. The stylesheet is essentially  
as follows:


... li:first-child { background-position: 0px 0px; width: 28px }
... li:first-child:hover { background-position: -28px 0px }

This /should/ set the "hover image" (the right half of the  
background) to display, but instead, the whole element shifts to the  
left, leaving an unsightly gap. It displays properly in Safari and  
Opera. Any ideas?


[1] http://www.ryancannon.com/blog/?style=Wolves+and+Tigers

--
Ryan Cannon
Wordsmith, webwright
http://RyanCannon.com


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

Re: [css-d] Floating and not wrapping images

[Zoe M. Gillenwater]

Scott Haneda wrote:



I have been at this too long, I just need a solution :-(

I can not have the body copy text wrapping around the image, I more or less
want 2 columns, and do not want to resort to a table, though I am about to,
as 4 hours to get this far and 5 minutes with tables

I need they grey and yellow boxes on the right to auto collpase as they are
now. This more or less repeats records out of a database, but the data is
slightly variable.
 



Scott,

Can you explain in more detail what you want to accomplish?  As you 
said, the boxes are already shrinkwrapping, so I'm unsure what 
additional effect you are looking for.


Then again, I'm crippled today because the Web Developer toolbar won't 
work in my FF 1.0.4, so maybe I'm overlooking something really obvious.  
I can't work without that thing now. :-)


Zoe

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

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

[css-d] Parts of my web page disappear in IE

[Frank Caico]

I  just put together a dasBlog blog page and got it customized to my
liking.

Unfortunately there is one weird behavior that I can neither explain,
nor fix.

 

Under IE, if I mouse around the page and mouse over a link, sometimes
sections of the page will disappear!

FireFox doesn't seem to have this problem.

 

Here is the appropriate URL:  http://bigfrank.aspfreeserver.com
 

 

Could some kind soul please take a look and help me out? 

 

Thanks in advance,

Frank

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

RE: [css-d] sliding doors and bottom margin/padding?

[Duckworth, Nigel]

Remove the whitespace from between the  e.g.:

.. and so on

or you can comment out the space: 

..

-Nigel

-Original Message-
I'm using A List Apart's Sliding Doors technique for my navigation,  
but I'm having trouble in ie6 where there is a gap below the navigation.
It works fine in Firefox and Safari. http://www.saturnflyer.com/insinga/

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

RE: [css-d] Parts of my web page disappear in IE

[Frank Caico]

Could you be more specific? I am not familiar with using z-indexes...
Frank

-Original Message-
From: Glenn Court [mailto:[EMAIL PROTECTED] 
Sent: Wednesday, May 25, 2005 11:42 AM
To: Frank Caico
Subject: Re: [css-d] Parts of my web page disappear in IE

z-indexes might help?

 From Frank Caico, we have:

>I  just put together a dasBlog blog page and got it customized to my
>liking.
>
>Unfortunately there is one weird behavior that I can neither explain,
>nor fix.
>
> 
>
>Under IE, if I mouse around the page and mouse over a link, sometimes
>sections of the page will disappear!
>
>FireFox doesn't seem to have this problem.
>
> 
>
>Here is the appropriate URL:  http://bigfrank.aspfreeserver.com
> 
>
> 
>
>Could some kind soul please take a look and help me out? 
>
> 
>
>Thanks in advance,
>
>Frank
>
>__
>css-discuss [EMAIL PROTECTED]
>http://www.css-discuss.org/mailman/listinfo/css-d
>List wiki/FAQ -- http://css-discuss.incutio.com/
>Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>  
>


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

[css-d] Text Underline not showing up

[Frank McClung]

I don't seem to be able to get the .bodytext dotted underline (line 42) to
show up in the text.

 

http://www.computerrecycling.us/ebay.htm

 

Interestingly, the .generalul (see http://www.computerrecycling.us/map.htm)
is showing a dotted underline. 

 

Any help would be appreciated

 

- Frank

 

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

Re: [css-d] Parts of my web page disappear in IE

[Zoe M. Gillenwater]

Frank Caico wrote:


Under IE, if I mouse around the page and mouse over a link, sometimes
sections of the page will disappear!

FireFox doesn't seem to have this problem.

Here is the appropriate URL:  http://bigfrank.aspfreeserver.com
 
 



Sounds like the Guillotine Bug:
http://www.positioniseverything.net/explorer/guillotine.html

Zoe

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

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

Re: [css-d] Re: CSS list numbering - non-contiguous lists in XHTM L 1.1

[Gunlaug Sørtun]

David Balch wrote:

FYI, I've found a thread on www-html discussing this concept - for 
XHTML2. Maybe in 5 years or so I'll be able to do what I'm after... 
http://lists.w3.org/Archives/Public/www-html/2004Mar/0082.html


Guess I'm as practical/pragmatic as Ingo on this, but no matter how I
read the semantics here, this is what you are actually saying in that
sequence:

...
Clean up in the bathroom.
Put on some clothes.
At this point I was interupted by a stray cat wandering in to my
room, sniffing at things, then leaving. Without any reason
not to, I carried on my routine...

Check the post.
...

The list of tasks is not cut, just interrupted at the end of third task
before starting on the forth task. That's what the above says both in
source and in final output.

Even the  carry semantics in this valid example, created with HTML
Tidy. What more do you want?

Oh well, one can argue semantics until all existing W3C standards are
obsolete, but my simple argument is that "I can't wait that long", and I
don't think 5 years is enough time...
Either the semantics or the standards, or both, will have to be bended
and adjusted slightly, so we can go on with reality. Think that's the
baseline of semantics anyway.

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

[css-d] Guillotine Bug

[Frank Caico]

Okay  everyone,

 

Thanks for your help in identifying my nasty problem.  It IS in fact the
guillotine bug.  

It was caused by the picture I had inserted into my blog which was
marked float:left.   As soon as I removed the float:left it was fixed.

My only problem is that I have no idea how to achieve the same visual
results and fix the bug in IE

 

Can someone explain why using a "clear:both" in one of my item divs
causes the clear to sync with the right hand side content?  

Each item is in a div nested with several other divs and the right hand
side content is in its own div at the level of the whole left hand side
content.  I would have thought that a clear:both would clear within the
context of its enclosing block, not the entire page Wtheck is going
on there?

 

Frank

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

Re: [css-d] IE 5.0 and 5.5 hacks

[Gunlaug Sørtun]

anthony croshaw wrote:

Hi guys, I have come up against my first ie5 nightmares, do any of
you know some good sites that explain the various hacks in plain
English? I know a few already, like the body {text-align:center;} one
for 5.5, but really I need to know more. From what I understand after
reading some articles by Eric, if you use divs with no borders,
margins or padding, and apply the styling to the contents, you should
get round most of the problems?


That'll get you around the MS-box vs. the W3C-box problems - to a degree.

For some more insight:



My simplest hack is to keep IE6 in quirks mode, as it doesn't have a
real "standard mode" anyway. Then I give IE/win an MS-box and all other
browsers a W3C-box - before I start killing IE/win bugs in a
'conditional commented' stylesheet:

(plain Norwenglish, with a lot of extra links and stuff)

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

RE: [css-d] Text Underline not showing up

[Pringle, Ron]

> I don't seem to be able to get the .bodytext dotted underline 
> (line 42) to
> show up in the text.
> 
>  
> 
> http://www.computerrecycling.us/ebay.htm
> 
>  
> 
> Interestingly, the .generalul (see 
> http://www.computerrecycling.us/map.htm)
> is showing a dotted underline. 
 
> Any help would be appreciated
> 
> - Frank

Frank-

In this line:

.bodytext a:link, .bodytext a: visited {padding:0px; margin:2px;
color:#00; font-weight:bold; text-decoration:none;  border-bottom:1px
dotted #666;}

Remove the space between the a: visited, so it reads like below:

.bodytext a:link, .bodytext a:visited {padding:0px; margin:2px;
color:#00; font-weight:bold; text-decoration:none;  border-bottom:1px
dotted #666;}

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

Re: [css-d] Different background image to each page

[Roger Roelofs]

Vicki & David,

On May 25, 2005, at 2:19 AM, David Laakso wrote:

On Tue, 24 May 2005 23:59:21 -0400, Vicki Skinner (Stebbins)  
<[EMAIL PROTECTED]> wrote:




Hi,

I've got (I think) a quick question:

I'm trying to show a different background image to each page of a  
website.

What I meant is:
body#home  div#content { background: #369 url(home.jpg) no-repeat; }
body#about  div#content { background: #369 url(about.jpg) no-repeat; }
body#this  div#content { background: #369 url(this.jpg) no-repeat; }
body#that  div#content { background: #369 url(that.jpg) no-repeat; }
div#content {
 padding: 0;
width: 100%;
border:  5px solid #C63;
border-width: 5px 0 5px 0;
 }


If you are an efficiency freak and keep the css smaller you can do it  
like this.


div#content {
padding: 0;
border: 5px solid #c63;
border-width: 5px 0;
background: #369 url(home.jpg) no-repeat;
}
body#about div#content { background-image: url(about.jpg); }
body#this div#content { background-image: url(this.jpg); }
body#that div#content { background-image: url(that.jpg); }

hth


Roger
---
Roger Roelofs  webwww.datacompusa.com
Datacomp Appraisal Services   Email rer at datacompusa.com
3215 Eaglecrest Drive, NE
Grand Rapids, MI  49525-4593

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

Re: [css-d] Firefox :hover bug?

[Justin Patrin]

On 5/25/05, Ryan Cannon <[EMAIL PROTECTED]> wrote:
> I'm having trouble isolating/working  around a seeming :hover bug in
> Firefox. If you look at my site's navigation bar[1], the "tabs"
> disappear when you hover over the list. The stylesheet is essentially
> as follows:
> 
> ... li:first-child { background-position: 0px 0px; width: 28px }
> ... li:first-child:hover { background-position: -28px 0px }
> 
> This /should/ set the "hover image" (the right half of the
> background) to display, but instead, the whole element shifts to the
> left, leaving an unsightly gap. It displays properly in Safari and
> Opera. Any ideas?
> 
>  [1] http://www.ryancannon.com/blog/?style=Wolves+and+Tigers

It all seems to work fine for me in FireFox 1.0.4 on Windows.

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

[css-d] disappearing border in firefox

[Scott Hamm]

What might be the common cause if borders partially disappeared in FF but 
not in IE? It is a simple table layout with two "rowspan=2" in the same row.



-- 
Power to people, Linux is here.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] disappearing border in firefox

[Zoe M. Gillenwater]

Scott Hamm wrote:

What might be the common cause if borders partially disappeared in FF but 
not in IE? It is a simple table layout with two "rowspan=2" in the same row.
 



Hard to tell without code or a page to look at.  Does the border come 
back if you scroll the area off the page and then up again?  I've seen 
this occasionally in FF, but never on one of my pages, so I'm afraid 
I've never found out the cause.


Zoe

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

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

[css-d] Form - Margin issues.

[Jim Jeffers]

Hello folks,

 

I'm working on the CSS for a new site we're launching.  In Firefox and
Safari the layout looks fine but in IE I'm having a problem with the menu
bar at the top of the page.  Try taking a look at the site in FireFox to see
how it should look and then open it up in IE:

 

http://www.notjustagame.com  

 

The horizontal menu bar just above the featured article has a bottom margin
that should not be there in IE.  I feel that this is because of the search
form.  Does anyone have any suggestions as to how I can make my CSS play
friendly with IE?  

 

Thanks,

Jim

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

Re: [css-d] Firefox :hover bug?

[brian ally]

I'm having trouble isolating/working  around a seeming :hover bug in  
Firefox. If you look at my site's navigation bar[1], the "tabs"  
disappear when you hover over the list. 


Just FYI, it works fine for me with linux/mozilla 1.7.5, OS X/moz 1.6, 
OS X/FF 1.0.4


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

RE: [css-d] disappearing border in firefox

[Pringle, Ron]

 
> What might be the common cause if borders partially 
> disappeared in FF but 
> not in IE? It is a simple table layout with two "rowspan=2" 
> in the same row.

Scott-

Do you have a page we can look at?

What borders are disappearing? The table border, table cell borders?

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

Re: [css-d] Different background image to each page

[Pactum web services]

- Original Message - 
From: "Roger Roelofs" <[EMAIL PROTECTED]>

To: "css-d css-d" 
Sent: Wednesday, May 25, 2005 11:07 AM
Subject: Re: [css-d] Different background image to each page



Vicki & David,


If you are an efficiency freak and keep the css smaller you can do it 
like this.


div#content {
padding: 0;
border: 5px solid #c63;
border-width: 5px 0;
background: #369 url(home.jpg) no-repeat;
}
body#about div#content { background-image: url(about.jpg); }
body#this div#content { background-image: url(this.jpg); }
body#that div#content { background-image: url(that.jpg); }


For what it's worth, that's pretty much what I suggested, sans the extra 
body ID. It still seems to me that styling in the external stylesheet and 
specifying the image in the page head is the most efficient method. Then you 
don't need a body ID at all, and you're not bloating the external style 
sheet with rules that are only used on one page.


tim

Tim Gallant
http://www.pactumgroup.com

Basic tutorials: http://www.pactumgroup.com/tutorials/ 



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

Re: [css-d] disappearing border in firefox

[Scott Hamm]

Here it is:

http://www.geocities.com/kss_koder/cosmetic_test.htm

On 5/25/05, Pringle, Ron <[EMAIL PROTECTED]> wrote:
> 
> 
> 
> > What might be the common cause if borders partially
> > disappeared in FF but
> > not in IE? It is a simple table layout with two "rowspan=2"
> > in the same row.
> 
> Scott-
> 
> Do you have a page we can look at?
> 
> What borders are disappearing? The table border, table cell borders?
> 
> Regards,
> Ron
> 



-- 
Power to people, Linux is here.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] disappearing border in firefox

[Scott Hamm]

Funny thing is, when I uploaded into geocities, the screen displayed 
correctly. Doesn't make any difference if I scroll it down/ up -- on every 
load, partial border changed randomly.

On 5/25/05, Zoe M. Gillenwater <[EMAIL PROTECTED]> wrote:
> 
> Scott Hamm wrote:
> 
> >What might be the common cause if borders partially disappeared in FF but
> >not in IE? It is a simple table layout with two "rowspan=2" in the same 
> row.
> >
> >
> 
> Hard to tell without code or a page to look at. Does the border come
> back if you scroll the area off the page and then up again? I've seen
> this occasionally in FF, but never on one of my pages, so I'm afraid
> I've never found out the cause.
> 
> Zoe
> 
> --
> Zoe M. Gillenwater
> Design Specialist
> UNC Highway Safety Research Center
> http://www.hsrc.unc.edu
> 
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org  -- 
> http://www.evolt.org/help_support_evolt/
> 



-- 
Power to people, Linux is here.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Form - Margin issues.

[Pactum web services]

- Original Message - 
From: "Jim Jeffers" <[EMAIL PROTECTED]>

To: 
Sent: Wednesday, May 25, 2005 11:48 AM
Subject: [css-d] Form - Margin issues.
The horizontal menu bar just above the featured article has a bottom 
margin

that should not be there in IE.  I feel that this is because of the search
form.  Does anyone have any suggestions as to how I can make my CSS play
friendly with IE?


This is a shot in the dark, but have you tried display: block?

Sorry, I can't test it at the moment; I only have a web dev toolbar for 
Firefox, not IE.


tim

Tim Gallant
http://www.pactumgroup.com

Basic tutorials: http://www.pactumgroup.com/tutorials/ 



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

Re: [css-d] Firefox :hover bug? (Update: Mac OS only)

[Ryan Cannon]

Thank you all for your quick responses. Upon further invesigation,  
I've discovered this bug to be on Mac OS X-only, as I have received  
notice that the effect works fine on Windows XP, ME and Linux... and  
apparently only a more-recent version.


Any help with pinning this down would be appreciated.
On May 25, 2005, at 1:49 PM, brian ally wrote:

On 5/25/05, Ryan Cannon <[EMAIL PROTECTED]> wrote:


I'm having trouble isolating/working  around a seeming :hover bug in
Firefox. If you look at my site's navigation bar[1], the "tabs"
disappear when you hover over the list. The stylesheet is essentially
as follows:

... li:first-child { background-position: 0px 0px; width: 28px }
... li:first-child:hover { background-position: -28px 0px }

This /should/ set the "hover image" (the right half of the
background) to display, but instead, the whole element shifts to the
left, leaving an unsightly gap. It displays properly in Safari and
Opera. Any ideas?

 [1] http://www.ryancannon.com/blog/?style=Wolves+and+Tigers



--
Ryan Cannon
Wordsmith, webwright
http://RyanCannon.com


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

RE: [css-d] Form - Margin issues.

[Scott Reston]

Jim - I think that div#search is your culprit. When I examine the doc
with Colorzilla (0.8.2 has a great DOM inspector) or Aardvark, I see
that that div is taller than the containing div#menubar (even in
Firefox) and slips under div.firstpost. The bottom overlap is likely
pushing inline elements down in IE, where Firefox is allowing overlap. 

My quick suggestion is to zero out any padding/margin not specifically
needed. It might be an inherited value that's causing the trouble...

Scott Reston
Raleigh, NC, USA
www.capstrat.com



-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Jim Jeffers
Sent: Wednesday, May 25, 2005 1:48 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Form - Margin issues.

Hello folks,

 

I'm working on the CSS for a new site we're launching.  In Firefox and
Safari the layout looks fine but in IE I'm having a problem with the
menu
bar at the top of the page.  Try taking a look at the site in FireFox to
see
how it should look and then open it up in IE:

 

http://www.notjustagame.com  

 

The horizontal menu bar just above the featured article has a bottom
margin
that should not be there in IE.  I feel that this is because of the
search
form.  Does anyone have any suggestions as to how I can make my CSS play
friendly with IE?  

 

Thanks,

Jim

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


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

[css-d] Site Check Please

[Thomas Hall]

Please if any folks would be so kind; just give this site a quick glance
over for me. 

 

http://www.point-reyes-online.com  

 

One thing that I can't quite figure out is why on non IE browsers I can't
click on the Site Map link in the lower right corner. I have been tweaking
this template I downloaded from some kind soul's css web site and in doing
so somehow managed to mess that up. I think it has to do with the #copyright
div, as it may be sitting on top of the site-map link. I tried using a
z-index to see if it might be  a layer issue but that didn't work.  Anyway,
any feedback would be great. Thanks. 

 

Thomas M. Hall

 

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

[css-d] CSS - Looking Down the Road....

[Thomas Hall]

I am curious to pick the brains of some of you CSS gurus out there about
something. Without going into too much detail, are there facets of CSS that
are coming down the pipe in the not so distant future that "excite" you?
What are some of the things we amateurs can look forward to? Just thought
I'd ask.

 

Thomas M. Hall

 

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

[css-d] float not working

[Debbie Heit]

Hello:

I am about to pull every last hair out of my head trying to get the FLOAT 
selector to work.  My test site is here:
www.test.systemworksva.com.  I just had a developer convert it to .NET and XML 
and now I'm cleaning it up by replacing all the TABLE mess with CSS.  The 
problem is getting what used to be two columns lined up using the FLOAT 
selector.  

The two styles in question are:

div.MainContentLeft
{
float:left;
width:160px;
margin-left:0pt;
margin-top:8px;
padding: 1em;
font-size: "8 pt"; 
}

div.MainContentCenter
{
margin-top:8px;
margin-left: 170px;
width:625px;
background-color: #ff;
padding: 1em;

}

You can see their implementation on the main page.  Why in the world will the 
left text not float?? 

Thanks in advance for any help.

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

[css-d] Best CSS Editor?

[jlfx intermedia, llc]

Howdy Gang, what's you're pick for the best CSS builder/editor? I know of
Top Style and was wondering if Dreamweaver compared in that area.

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

Re: [css-d] Best CSS Editor?

[Al Sparber]

From: "jlfx intermedia, llc" <[EMAIL PROTECTED]>
Howdy Gang, what's you're pick for the best CSS builder/editor? I 
know of

Top Style and was wondering if Dreamweaver compared in that area.


If you know how to write CSS and are using DW MX2004, Code View is 
excellent and obviates the need to have a second app constsntly 
running. Has code hints, property completion, color syntax. Otherwise, 
you might look into TopStyle or StyleMaster. If you are comparing the 
little popup CSS Editor in Dreamweaver, it's pretty much useless :-)


Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".



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

Re: [css-d] Best CSS Editor?

[Scott Hamm]

I use CSS Edit extension in FireFox. It is very interactive and good way to 
learn CSS quickly.

On 5/25/05, Al Sparber <[EMAIL PROTECTED]> wrote:
> 
> From: "jlfx intermedia, llc" <[EMAIL PROTECTED]>
> > Howdy Gang, what's you're pick for the best CSS builder/editor? I
> > know of
> > Top Style and was wondering if Dreamweaver compared in that area.
> 
> If you know how to write CSS and are using DW MX2004, Code View is
> excellent and obviates the need to have a second app constsntly
> running. Has code hints, property completion, color syntax. Otherwise,
> you might look into TopStyle or StyleMaster. If you are comparing the
> little popup CSS Editor in Dreamweaver, it's pretty much useless :-)
> 
> Al Sparber
> PVII
> http://www.projectseven.com
> 
> "Designing with CSS is sometimes like barreling down a crumbling
> mountain road at 90 miles per hour secure in the knowledge that
> repairs are scheduled for next Tuesday".
> 
> 
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org  -- 
> http://www.evolt.org/help_support_evolt/
> 



-- 
Power to people, Linux is here.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] disappearing border in firefox

[Pringle, Ron]

> Funny thing is, when I uploaded into geocities, the screen displayed 
> correctly. Doesn't make any difference if I scroll it down/ 
> up -- on every 
> load, partial border changed randomly.

I was going to say, I don't see any difference when viewing in IE versus FF.
My only thought is that it might be a rounding error in the browser as it
computes the exact widths of all the table elements.

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

Re: [css-d] Best CSS Editor?

[Bob Easton]

This gets asked very frequently.  There's a WIKI page with many good answers.
http://css-discuss.incutio.com/?page=CssEditors
-- 
Bob Easton
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS - Looking Down the Road....

[Gunlaug Sørtun]

Thomas Hall wrote:

I am curious to pick the brains of some of you CSS gurus out there
about something. Without going into too much detail, are there facets
of CSS that are coming down the pipe in the not so distant future
that "excite" you? What are some of the things we amateurs can look
forward to? Just thought I'd ask.


Some here and some there:


This may become useful - one day:


It all depends on support across browser-land, so we may be looking at a
very distant future if we want something that'll work everywhere.

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

Re: [css-d] Site Check Please

[David Laakso]

On Wed, 25 May 2005 23:43:06 -0400, Thomas Hall <[EMAIL PROTECTED]> wrote:


Please if any folks would be so kind; just give this site a quick glance
over for me.
http://www.point-reyes-online.com 

[..]

Thomas M. Hall
Dunno about the site map question. You're getting rivers in the body copy  
due to the justified text. IE6.0 is doing a number on it when zoomed, and  
FF1.0.4 starts to break on first zoom click. The image in the lower right  
corner seems peculiar(as though its been cut-off). You have  couple of CSS  
errors. Sorry, pop-ups disabled on all my browsers.

Best,
David Laakso

--
http://www.dlaakso.com/

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

[css-d] Class not extending full lenght

[Michael Cassidy]

I have a bar that I want to extend across the top of my page.
It works on all my pages except one; and on that one on my Mac's 
browsers but not using Explorer in Windows.


The page is at:

http://www.panix.com/~cassidy/test.html

The bar across the top will extend if I just have a single baptism; two 
or more and suddenly in moves in on the right slightly.


This is the CSS:

.top {
color: #ffcc99;
height: 1.25em;
text-align: center;
background: #024;
}

.churchrecord p  {
font-size: 100%;
color: #024;
margin: -.1em 3.25em .5em 3.5em;
}

.baptism {
margin-top: .25em;
color: #024;
}

.sponsor {
font-style: italic;
}

child {
font-weight: bold;
color: #024;
}

The page code:


http://www.w3.org/TR/REC-html40/strict.dtd";>





John and Catherine Cassidy Families








John and Catherine Cassidy Page


 Baptism at St. Anthony of Padua

  
 		  Catherine Cassidy, 
born
20 Nov. 1885 baptized 29 Nov. 1885 
Sponsors:

James Hardiman and Ann Gavan.

  Catherine 
Cassidy, born
20 Nov. 1885 baptized 29 Nov. 1885 
Sponsors:

James Hardiman and Ann Gavan.


  









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

[css-d] Toggle visibility in Media=Print only...

[BabaGanush]

Hi all,

Can one dynamically toggle display of an element for the "media=print"
stylesheet only?

*clarification: I have a form that I never want to display an element
on the screen, but depending on the value the user selects from a
select box, it may/may not print.  (it is an element that will not be
populated until after printed...by hand...ugh.)

It's for the office, so everyone will be using IE6 only.  I'm not
worried about the content overlapping the footer right now, just the
printing question.  The only option I can think of is having 2
different classes and changing the className.

I'm really hoping for something like
'document.getElementById('footer').style[media=print].display =
"none";

Thanks in advance,
Any/all advice/criticism welcome.

Code following:




Generic Instruction Form


 
body {margin:50px; }

body,td {font:10pt arial; }


legend {font-weight:bold; }

#docTitle {font-size:14pt; 
font-family:'Trebuchet MS',arial,sans-serif; 
padding:0; 
margin:0; 
text-transform:uppercase; 
letter-spacing:4px; 
float-left; }

#content {position:relative; 
text-align:center; }

/* real document will just be {display:none; } */
#footer {display: block; 
margin:50px; 
position:absolute;
bottom:0px; 
left:0px; 
text-align:justify; }






body {margin:0px; }

#footer {display: block; 
margin:0px; 
position:absolute;
bottom:0px; 
left:0px; 
text-align:justify; }
 













Generic Instruction Form





somecontentsomecontent
somecontentsomecontent
somecontentsomecontent
somecontentsomecontent
somecontentsomecontent
somecontentsomecontent
somecontentsomecontent
somecontentsomecontent
somecontentsomecontent





Money Center Information Only



Processed by: 


Date Check Mailed: 


Check #: 














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

Re: [css-d] disappearing border in firefox

[Scott Hamm]

Is there any url that explains about the problem that you described?


>I was going to say, I don't see any difference when viewing in IE versus 
FF.
>My only thought is that it might be a rounding error in the browser as it
>computes the exact widths of all the table elements.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Floating and not wrapping images

[Scott Haneda]

on 5/25/05 4:57 AM, Chris Ovenden at [EMAIL PROTECTED] wrote:

> This will stop your text from wrapping:
> 
> .prodWrapper  h1 {
> clear:both
> }

That pushed the text down past the image, not what I want at all.  If you
look at the sameple link, the only thing I really want to change Is :\

to have the main body copy not wrap around the image once it gets past the
image.  I have put up a sample html table to illustrate what I am trying to
do.
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


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

[css-d] floated divs that are centered to collapse them

[Scott Haneda]

I have a div inside a div, the inner div becomes as wide as the outer div.
I want it to wrap the contents of what is inside the inner div, but to do
that, I have to float that inner div.  I want the inner centered in the
outer, is there a trick I can use to make this happen?
-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


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

Re: [css-d] Floating and not wrapping images

[Mike Stickel]

In this instance I would define the margin on the paragraph/text  
elements so that it equals the width of the image (or the maximum  
width that images could be).


On May 25, 2005, at 3:45 PM, Scott Haneda wrote:


on 5/25/05 4:57 AM, Chris Ovenden at [EMAIL PROTECTED] wrote:

This will stop your text from wrapping:

.prodWrapper  h1 {
clear:both
}


That pushed the text down past the image, not what I want at all.   
If you

look at the sameple link, the only thing I really want to change Is :\

to have the main body copy not wrap around the image once it gets  
past the
image.  I have put up a sample html table to illustrate what I am  
trying to

do.
--


Mike Stickel
Screenflicker Developments
www.screenflicker.com

p: 403-923-7667
e: [EMAIL PROTECTED]

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

[css-d] why doesn't this work in gecko browsers

[Bruce Gilbert]

I am trying to do a table border in CSS and my border shows up in IE
(PC), but not Gecko.

table.borders{/*used when creating a table w/ borders*/
border:1px solid #d3d3d3;
border-collapse:collapse;
padding:10px;
}

table td.borders {/*used when creating a td with borders*/
padding: .25em;
border: 1px solid #d3d3d3;
border-collapse:collapse;
}

it's a nested table, so maybe that's the issue?

eg:













any ideas?

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

RE: [css-d] Best CSS Editor?

[Joanne]

Slightly OT here, but related to editing stylesheets none the less.

Funny you should mention Dreamweaver and CSS editing. I recently upgraded to
Dreamweaver MX 2004 (from MX) and on a very regular basis, when I edit
and/or save stylesheets in Dreamweaver, the screen flickers and the program
shuts down.

I have mentioned this on another list and many people have troubles with MX
2004 crashing. The Macromedia website suggests among other things that you
update the video card driver (which of course didn't work).

Anyone else have this problem? Anyone actually fix it?

Joanne



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

[css-d] float problem--repost

[Jeanne Prine]

Hello,

I'm reposting my question from a few days ago.
Truly desperate now. Can anyone tell me why
this works at 800 x 600 but breaks at 1024 X 768
in Firefox 1.04 and Netscape 6 unless the width of #inner is reduced to 80% 
(but then that breaks at 800 x 600)?  What I want is for #navcontainer to float 
left but it's floating to the far right instead.  Layout is based on one of 
Doug Livingstone's 3-column
inventions. #outer and #inner are wrapped in a
container div.  The columns are intended to be different colors but on this 
particular page they're all #fff (by design). 
 
Here are the URLs--but my mail program will probably split them onto 2 lines 
and underline only the first line. Please watch out for the truncated URLs. 

www.rx.uga.edu/main/home/redesign/annual_giving.html

www.rx.uga.edu/main/home/redesign/annual.css
 
---code sample begins---
#outer {
border-left: 227px solid #fff; /*left column background */ 
border-right: 140px solid #fff; /*right column background */
background-color: #fff; /*center column background */
}

#inner {
margin: 0;
width: 100%;
}

#leftnav {
width: 227px;
margin-left: -227px;
float: left;
position: relative;
z-index: 10;
}

#navcontainer {
background: #fff;
float: left;
width: 126px;
height: auto;
margin: 8px 0 0 4px; 
padding: 4px;
border: 1px solid silver;
}

#navcontainer ul {
list-style-type: none;
margin: 0 4px;
padding: 0;
}

#navcontainer li {
background-color: #fff;
padding-bottom: 4px;
color: #333;
font: 11px Verdana, Arial, Helvetica, sans-serif;
white-space: nowrap;
}

#navcontainer a { 
background-color: #fff;
color: #333;
border-bottom: 1px dotted silver;
}

#navcontainer a:link, #navcontainer a:visited {
background: transparent;
color: #333;
text-decoration: none;
}

#navcontainer a:hover {
background: transparent;
color: #99;
text-decoration: none;
}


.here {
background: transparent;
color: #99;
text-decoration: underline;
}

---code sample ends---

If anyone can help, I'd really appreciate it.

Thanks!
Jeanne
Jeanne Prine, Webmaster
University of Georgia
College of Pharmacy
[EMAIL PROTECTED]
phone 706-542-5354
fax 706-542-5269
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] Best CSS Editor?

[Mickey Slater]

Joanne. 

I was just having this problem today, and I think I found a fix. 

Have you ever noticed that this problem mostly occurs when you are editing a
CSS or JS file that you didn't create from scratch?

That's because dreamweaver adds its own little tags to first line of the
file. 

For example. For a JS doc...

// JavaScript Document

For a css doc

/* CSS Document */


Now. I don't really know why it would make a differnce.. but once I added
the dreamweaver JS comment to a flickers JS file... it all went better  :D


Hope that helps and makes sense.

m!ckey


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Joanne
Sent: Wednesday, May 25, 2005 4:16 PM
To: css-d@lists.css-discuss.org
Subject: RE: [css-d] Best CSS Editor?

Slightly OT here, but related to editing stylesheets none the less.

Funny you should mention Dreamweaver and CSS editing. I recently upgraded to
Dreamweaver MX 2004 (from MX) and on a very regular basis, when I edit
and/or save stylesheets in Dreamweaver, the screen flickers and the program
shuts down.

I have mentioned this on another list and many people have troubles with MX
2004 crashing. The Macromedia website suggests among other things that you
update the video card driver (which of course didn't work).

Anyone else have this problem? Anyone actually fix it?

Joanne



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

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

Re: [css-d] floated divs that are centered to collapse them

[Mike Stickel]

Scott, give the inner div a specific width and define the left/right  
margins as auto:


#innerdiv {
width: 300px; //Percentage width could be used here as well
margin: 0 auto;
}

- or -

Do not define the width of the inner div but give it a percentage  
based left/right margin and a min-width:


#innerdiv {
margin: 0 20%;
min-width: 300px;
}

HTH.

On May 25, 2005, at 4:56 PM, Scott Haneda wrote:

I have a div inside a div, the inner div becomes as wide as the  
outer div. I want it to wrap the contents of what is inside the  
inner div, but to do
that, I have to float that inner div.  I want the inner centered in  
the outer, is there a trick I can use to make this happen?


Mike Stickel
Screenflicker Developments
www.screenflicker.com

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

Re: [css-d] float problem--repost

[Kaspars Dambis]

Jeanne Prine wrote:

Hello,

I'm reposting my question from a few days ago.
Truly desperate now. Can anyone tell me why
this works at 800 x 600 but breaks at 1024 X 768
in Firefox 1.04 and Netscape 6 unless the width of #inner is reduced to 80% 
(but then that breaks at 800 x 600)?  What I want is for #navcontainer to float 
left but it's floating to the far right instead.  Layout is based on one of 
Doug Livingstone's 3-column
inventions. #outer and #inner are wrapped in a
container div.  The columns are intended to be different colors but on this particular page they're all #fff (by design). 
 
Here are the URLs--but my mail program will probably split them onto 2 lines and underline only the first line. Please watch out for the truncated URLs. 


www.rx.uga.edu/main/home/redesign/annual_giving.html

www.rx.uga.edu/main/home/redesign/annual.css
 
---code sample begins---

#outer {
border-left: 227px solid #fff; /*left column background */ 
border-right: 140px solid #fff; /*right column background */

background-color: #fff; /*center column background */
}

#inner {
margin: 0;
width: 100%;
}

#leftnav {
width: 227px;
margin-left: -227px;
float: left;
position: relative;
z-index: 10;
}

#navcontainer {
background: #fff;
float: left;
width: 126px;
height: auto;
margin: 8px 0 0 4px; 
padding: 4px;

border: 1px solid silver;
}

#navcontainer ul {
list-style-type: none;
margin: 0 4px;
padding: 0;
}

#navcontainer li {
background-color: #fff;
padding-bottom: 4px;
color: #333;
font: 11px Verdana, Arial, Helvetica, sans-serif;
white-space: nowrap;
}

#navcontainer a { 
background-color: #fff;

color: #333;
border-bottom: 1px dotted silver;
}

#navcontainer a:link, #navcontainer a:visited {
background: transparent;
color: #333;
text-decoration: none;
}

#navcontainer a:hover {
background: transparent;
color: #99;
text-decoration: none;
}


.here {
background: transparent;
color: #99;
text-decoration: underline;
}

---code sample ends---

If anyone can help, I'd really appreciate it.

Thanks!
Jeanne
Jeanne Prine, Webmaster
University of Georgia
College of Pharmacy
[EMAIL PROTECTED]
phone 706-542-5354
fax 706-542-5269
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



Hi Jeanne,

The error is from the width: auto; in #outer. It should be 
something like:


#outer {
width: 522px;
[...]
}

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

Re: [css-d] Best CSS Editor?

[Pactum web services]

- Original Message - 
From: "Mickey Slater" <[EMAIL PROTECTED]>
Have you ever noticed that this problem mostly occurs when you are editing 
a

CSS or JS file that you didn't create from scratch?

That's because dreamweaver adds its own little tags to first line of the
file.

For example. For a JS doc...

// JavaScript Document

For a css doc

/* CSS Document */


Now. I don't really know why it would make a differnce..


It won't. Those are just comments.

tim


Tim Gallant
http://www.pactumgroup.com

Basic tutorials: http://www.pactumgroup.com/tutorials/
Web dev FAQs: http://www.pactumgroup.com/tutorials/faq.php
Techblog: http://www.pactumgroup.com/techblog
** 



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

Re: [css-d] float problem--repost

[Kaspars Dambis]

Jeanne Prine wrote:

Hello,

I'm reposting my question from a few days ago.
Truly desperate now. Can anyone tell me why
this works at 800 x 600 but breaks at 1024 X 768
in Firefox 1.04 and Netscape 6 unless the width of #inner is reduced to 80% 
(but then that breaks at 800 x 600)?  What I want is for #navcontainer to float 
left but it's floating to the far right instead.  Layout is based on one of 
Doug Livingstone's 3-column
inventions. #outer and #inner are wrapped in a
container div.  The columns are intended to be different colors but on this particular page they're all #fff (by design). 
 
Here are the URLs--but my mail program will probably split them onto 2 lines and underline only the first line. Please watch out for the truncated URLs. 


www.rx.uga.edu/main/home/redesign/annual_giving.html

www.rx.uga.edu/main/home/redesign/annual.css
 
---code sample begins---

#outer {
border-left: 227px solid #fff; /*left column background */ 
border-right: 140px solid #fff; /*right column background */

background-color: #fff; /*center column background */
}

#inner {
margin: 0;
width: 100%;
}

#leftnav {
width: 227px;
margin-left: -227px;
float: left;
position: relative;
z-index: 10;
}

#navcontainer {
background: #fff;
float: left;
width: 126px;
height: auto;
margin: 8px 0 0 4px; 
padding: 4px;

border: 1px solid silver;
}

#navcontainer ul {
list-style-type: none;
margin: 0 4px;
padding: 0;
}

#navcontainer li {
background-color: #fff;
padding-bottom: 4px;
color: #333;
font: 11px Verdana, Arial, Helvetica, sans-serif;
white-space: nowrap;
}

#navcontainer a { 
background-color: #fff;

color: #333;
border-bottom: 1px dotted silver;
}

#navcontainer a:link, #navcontainer a:visited {
background: transparent;
color: #333;
text-decoration: none;
}

#navcontainer a:hover {
background: transparent;
color: #99;
text-decoration: none;
}


.here {
background: transparent;
color: #99;
text-decoration: underline;
}

---code sample ends---

If anyone can help, I'd really appreciate it.

Thanks!
Jeanne
Jeanne Prine, Webmaster
University of Georgia
College of Pharmacy
[EMAIL PROTECTED]
phone 706-542-5354
fax 706-542-5269
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



Hi Jeanne,

One more thing to add. If this 
http://www.redmelon.net/tstme/3cols2/ is the layout you 
are trying to achieve (with floating central column) I 
suggest you to use the code on that site. Yours is very 
messy and there are tags like .bold which do the  
thing. I mean, the site is okei, but you could make the 
code much more cleaner (and floating middle column, to add).


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

[css-d] Customizing Mailman archives with CSS

[Kelley]

Hi,

Has anyone ever stumbled across Mailman/Pipermail archives that have been 
customized with CSS?


I scoured through posts at the Mailman-users lists to see if it was 
possible--it seems to be--but I never saw an example of implementation. If 
you've seen one, I'd appreciate pointers.


Thanks very much.

Kelley

When you need to communicate, Ink Works!
http://www.inkworkswell.com
+1 (727) 942-9255 


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

[css-d] First Post - IE 6.0 Trouble

[Barb @ BITS LLC]

Hi -

I'm working on expanding my css knowledge and am trying to get my first 
full css site working.  I'm having alignment issues in IE 6.0.  If you 
look at the top of the page in IE 6.0 the top of the box graphic is 
separated from the banner graphic with a gray line in between.  Why is 
this and how do I correct it?  Everything I've tried so far has not 
worked.  The page looks fine in Mozilla and in Fire Fox.   
http://www.bitsllc.com/cbagroup/final/philosophy.html   I would have 
searched the archives for a solution, but being new to CSS I had no idea 
of what term to search for to find a solution.


Thank you in advance for your assistance.

Barb S
BITS LLC


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

Re: [css-d] First Post - IE 6.0 Trouble

[Pactum web services]

- Original Message - 
From: "Barb @ BITS LLC" <[EMAIL PROTECTED]>
I'm working on expanding my css knowledge and am trying to get my first 
full css site working.  I'm having alignment issues in IE 6.0.  If you 
look at the top of the page in IE 6.0 the top of the box graphic is 
separated from the banner graphic with a gray line in between.  Why is 
this and how do I correct it?  Everything I've tried so far has not 
worked.  The page looks fine in Mozilla and in Fire Fox. 
http://www.bitsllc.com/cbagroup/final/philosophy.html   I would have 
searched the archives for a solution, but being new to CSS I had no idea 
of what term to search for to find a solution.


Thank you in advance for your assistance.


Try sucking the HTML comments snug to the preceding and following code, and 
see if that makes a difference. Like so:





tim


Tim Gallant
http://www.pactumgroup.com

Basic tutorials: http://www.pactumgroup.com/tutorials/
Web dev FAQs: http://www.pactumgroup.com/tutorials/faq.php
Techblog: http://www.pactumgroup.com/techblog
** 



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

Re: [css-d] First Post - IE 6.0 Trouble

[Barb @ BITS LLC]

Pactum web services wrote:

Try sucking the HTML comments snug to the preceding and following 
code, and see if that makes a difference. Like so:





tim


Tim Gallant
http://www.pactumgroup.com

Basic tutorials: http://www.pactumgroup.com/tutorials/
Web dev FAQs: http://www.pactumgroup.com/tutorials/faq.php
Techblog: http://www.pactumgroup.com/techblog
**


Thank you for the suggestion Tim.  Unfortunately, nothing has changed.  
http://www.bitsllc.com/cbagroup/final/philosophy.html

Barb S
BITS LLC

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

[css-d] First Post - IE 6.0 Trouble

[Cook, Graham R]

Add font-size:1px; to your #banner style

Graham Cook 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Barb @ BITS
LLC
Sent: Thursday, 26 May 2005 10:48 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] First Post - IE 6.0 Trouble

Hi -

I'm working on expanding my css knowledge and am trying to get my first
full css site working.  I'm having alignment issues in IE 6.0.  If you
look at the top of the page in IE 6.0 the top of the box graphic is
separated from the banner graphic with a gray line in between.  Why is
this and how do I correct it?  Everything I've tried so far has not 
worked.  The page looks fine in Mozilla and in Fire Fox.   
http://www.bitsllc.com/cbagroup/final/philosophy.html   I would have 
searched the archives for a solution, but being new to CSS I had no idea
of what term to search for to find a solution.

Thank you in advance for your assistance.

Barb S
BITS LLC


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

Re: [css-d] First Post - IE 6.0 Trouble

[Barb @ BITS LLC]

Hi Graham,

It works!!!  Thank you.  My next question - why?

Barb S
BITS LLC

Cook, Graham R wrote:


Add font-size:1px; to your #banner style

Graham Cook 
 



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

Re: [css-d] Customizing Mailman archives with CSS

[Felix Miata]

Kelley wrote:
 
> Has anyone ever stumbled across Mailman/Pipermail archives that have been
> customized with CSS?
 
> I scoured through posts at the Mailman-users lists to see if it was
> possible--it seems to be--but I never saw an example of implementation. If
> you've seen one, I'd appreciate pointers.

If you're looking to personalize the look for your own use, try
@-moz-document
http://lxr.mozilla.org/mozilla/source/profile/defaults/chrome/userContent-example.css
-- 
"Through Him all things were made; without Him nothing was made
that has been made."John 1:3 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://members.ij.net/mrmazda/auth/

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

Re: [css-d] help - CSS styled divider in between items on a page not working properly

[Luca Balboni]

Hi Peter,
I was thinking not to use  as a divider because I am using an  
image as a background and for what I know IE and Opera show a border  
around the image. Is this correct?

Is anyone aware of any workaround?
Thanks,
Luca

On 25/05/2005, at 1:59 PM, Peter Williams wrote:




It is actually one of the more understandable error messages.
All it means is that the attribute value must have quotes around it.



I think you could achieve the same sort of divider between items
using a plain old  and apply similar styles to it. It seems
better than this arbitary, empty div you are using.

BTW, you have the name CSS Request associated with the CSS Discuss
email address which seems a bit untidy and likely to result in
future confusion and anguish.

--
Peter Williams






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

Re: [css-d] Customizing Mailman archives with CSS

[Kelley]

At 10:55 PM 5/25/2005, Felix Miata wrote:

Kelley wrote:

> Has anyone ever stumbled across Mailman/Pipermail archives that have been
> customized with CSS?

> I scoured through posts at the Mailman-users lists to see if it was
> possible--it seems to be--but I never saw an example of implementation. If
> you've seen one, I'd appreciate pointers.

If you're looking to personalize the look for your own use, try
@-moz-document
http://lxr.mozilla.org/mozilla/source/profile/defaults/chrome/userContent-example.css


Hey thanks Felix. No, I was hoping to find someone who's 'skinned' the 
default templates for a mailman discussion list archive. CSS-d uses 
mailman, but the list is hosted on something other than the native mailman 
archiving system, pipermail.


I'm looking to turn this archived list discussion posting, 
http://mailman.lbo-talk.org/pipermail/lbo-talk/Week-of-Mon-20050502/009250.html


into something that looks more like this:

www.inkworkswell.com/lbo/template.html

Wanted to talk to whomever might be doing this to find out what kind of 
snake pits I might be likely to find. :)


thanks again.

Kelley
--

When you need to communicate, Ink Works!
http://www.inkworkswell.com
+1 (727) 942-9255 


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

Re: [css-d] pic float problem

[Roger Roelofs]

Chris,

On May 24, 2005, at 2:12 PM, Christopher Harris wrote:


Dear Ms. Gillenwater or anyone who can help!,

My page's URL is:  
http://www.steeloaklimited.com/houseplantrends/bgTest.html and the CSS  
file is:  http://www.steeloaklimited.com/houseplantrends/bgTest.css .


With the body as the wrapper (which is the one I like and need it to  
look like without the pics floating over to the left side):  
http://www.steeloaklimited.com/houseplantrends/ 
bgTestWithBodyAsWrapper.html
CSS file:  
http://www.steeloaklimited.com/houseplantrends/ 
bgTestWithBodyAsWrapper.css


With the margin-right: 73% property used on the left column instead of  
width 26%:
http://www.steeloaklimited.com/houseplantrends/ 
bgTestWithMarginRight.html
CSS file:  
http://www.steeloaklimited.com/houseplantrends/ 
bgTestWithMarginRight.css


I'm sorry you are frustrated.  I've been there, and its no fun.  If I'm  
understanding what you seek correctly,  try the following


--  css  (for bgTest.html) --
/*  it can't be on body because the width of the content isn't the  
width of the window */

#wrapper {
background: url(gifs/background.gif) 26% 0 repeat-y;margin: 0;
padding: 0;
}
#contentleft {
float: left;
margin: 0;
width: 26%;
}
#contentright { /* don't float this, that way wrapper has some content  
*/

margin: 0 0 0 27%;
}
.housename {
font-size: 1.5em;
	font-family: Storybook, "Cooper Black", Harrington, "Matura MT Script  
Capitals", "Monotype Corsiva", cursive;

margin: 0;
padding-top: .6em;
}

I hope that is what you are looking for...
Roger,

Roger Roelofs
Know what you value.

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

Re: [css-d] float not working

[matthijs abeelen]

> You can see their implementation on the main page.  Why in the world will the 
> left text not float??

I think you messed up the values of width, margin and padding a bit.
Also, it's difficult to predict the width of the MainContenLeft if you
set the padding in em, while the width itself is in px.
div.MainContentLeft = 160+2x1em = ??px

div.MainContentCenter: margin-left:170px.

Third, your div.container has a width of 80%. But you'll never know
how much that is exactly. If the divs inside are set in px, why not
set that outer div in px too?

I don't know if you want a fixed, liquid or elastic layout, but at
least try to be consequent. For example, if div.MainContentLeft =
160+2x10px padding = 180px. Then give div.MainContentCenter a
margin-left of, say 190px and you're fine.

Hope this helps a bit,

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

RE: [css-d] Class not extending full lenght

[Bruno Fassino]

Michael Cassidy wrote:

> I have a bar that I want to extend across the top of my page.
> It works on all my pages except one; and on that one on my Mac's
> browsers but not using Explorer in Windows.
>
> http://www.panix.com/~cassidy/test.html
>
> The bar across the top will extend if I just have a single
> baptism; two
> or more and suddenly in moves in on the right slightly.

I'm not sure if what I'm looking at is exaclly the same thing you were
referring to, anyway you have a problem caused by the italics (plus text
justification) used in the "sponsor." In these conditions IE/Win sometimes
makes a box wider than necessary, so your  are wider, and the blue top
bar appears shorter.  You should see the problem even with a single baptism:
it depends on the window's width, which make the italics to wrap differently
(resize the brower's window slowly in the horizontal direction: you should
see the problem appear and disappear.)
You can try this fix:  Add "overflow: visible" to your div#outside.  Read
more here [1]

hth,
Bruno

[1] http://www.positioniseverything.net/explorer/italicbug-ie.html

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