date:20050524

> Hello,

> I've tried searching but haven't been able to come up with anything
> reliable.
> Is there a reliable way to do image replacement on a form submit button?

Yes. also submits the form. No need for fancy replacement.

-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.org/
__
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 schrieb:

http://www.scss.com.au/family/andrew/webdesign/test.html

Expected results (correct me if I'm wrong):

* The image should inherit the computed height and width of its parent,  
the span [1].


* Width and height do not apply to inline elements (the span), so the  
computed width and height of the span should be "auto" [2, 3].


* It's those computed values that should be inherited by the image [4].

* An auto width and height on the image should result in it being  
displayed in its native 46x40 pixel dimensions.

...
It seems Firefox and Safari are correctly ignoring the height/width of 
the  span when displaying the span, but are not correctly calculating 
the  values to "auto" (which would then be inherited).


Opera appears to be pretending as if the height/width were never 
specified  on the span in the first place, then it looks like it skips 
over  unspecified properties for the purposes of inheritance, and 
therefore ends  up inheriting the *grandparent* element (div) 
width/height to the image.


I had a look at these specs too the other day someone posted a "test 
case" on that Opera forum ("Opera vs Firefox: serious discrepancies"),


* {
width:  inherit;
height: inherit;
padding:inherit;
margin: inherit;
color:  inherit;
}

and the person was wondering why, after all his work with this layout, 
the browsers show different, sometimes horrible results.


I thought of this is a horrible rule, because browsers have slightly 
different interpretations of the specs that aren't sooo clear imho: For 
me, the expected result you are asking is that this rule will break the 
layout in a horrible manner.


(The next thing he used on his test case were positioning with 
fractional percentages, know to be buggy/inconsistent/rounded in most 
browsers. Together, this makes his layout unfixable.)


I think Opera just ignores the width setting of the span and inherits 
the width from the grandparent. Moz ignores the width of the span too, 
but calculates the inherited width of the image with respect to the 
"ignored width" of the span. Would "ignoring" mean: completely drop the 
width (Opera) or just not assign it to the span (FF)?


I find your question and your interpretation reasonable, but cannot 
answer. I think the answer, if one was found, wouldn't help this person, 
because he would have to rethink his layout from the beginning anyway.


Ingo


__
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 and IE discrepancies

2005-05-24 Thread Vicky Etherington

Hi

I'm struggling with a layout which I'm doing as everything is displaying
exactly as I would like it to in Firefox, but one of the divs is misplaced
in IE.  For once, I'm actually not sure that it's IE at fault, but I'm
trying to achieve the same effect as in IE with the , but
can't achieve it.  If anyone has any ideas, I'd be really grateful. ie. the
'Hotels and Venues enter here' wording should be displayed on the brown
background, not on the white.

I'm also aware that I could do with adding an overflow: auto rule as Opera
throws the content out of the bottom, but this totally throws my layout in
Firefox.  The whole of the content box moves out to the right, and I'm not
sure why, or how I can fix it.

Again, any ideas would be great!

The page is at: http://www.azuremarketing.com/clients/workham04/web/

Many thanks

Vicky
__
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-map page renders improperly in opera 8


[EMAIL PROTECTED] schrieb:
would someone look at the following page and offer suggestions as to why 
the floating divs in the last two containers are crowding to the center?

http://www.studiokdd.com/pages/site-map.html
http://www.studiokdd.com/css/styles.css



Have a look at your clearfix rules:

.clearfix:after {content: "."; display: block; height: 0; clear: both; 
visibility: hidden;}

.clearfix {display: inline-table;}

/* \ */
* html .clearfix {height: 1%;display: block;}
/* */

and compare it with the original one:
http://positioniseverything.net/easyclearing.html
...
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

1) /* Hides from IE-mac \*/
uses the escape sequence, but you are escaping the whitespace
/* \ */
Can't test it in MacIE, so its just a guess, but I think its not hidden 
to MacIE.


2) The original serves display: block; to all but MacIE, but you are 
hiding display: block; from all but IE.


So, display:block will be wrong for MacIE, and display:inline-table will 
be wrong for Opera.


Ingo


__
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: [WD]: Advice Needed


Add CSS with

a img {border: none;}

and it should be OK then.

--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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] hover pseudo class

2005-05-24 Thread anthony croshaw

Hi everyone, I know how to create roll over effects, but is it possible to
use the hover pseudo class to affect the "display" property of a separate
div? I want to have a row of thumbnails on the left, and as you roll the
mouse over a thumbnail a larger image appears on the right. Easy enough to
do with javascript, but can you do it using just css?

Cheers

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/

Re: [css-d] Flyout nav hack

2005-05-24 Thread Steve Clay

Monday, May 23, 2005, 1:49:03 PM, Peter Charles wrote:
> Could some one explain to me how the following selectors work?
> w\idth: 220px;
> mar\gin-left: 0;

http://www.dithered.com/css_filters/css_only/simplified_box_model.html
Generally you escape the first inner letter that isn't in [a-f].
ma\rgin-left should also have the same effect.

This is  since nearly all other
modern browsers handle the escapes fine.

Mostly used to hide rules from Win IE 5.x in the Tan Hack (Modified SBMH)

Steve
-- 
http://mrclay.org/ : http://frenchhorns.mrclay.org/

__
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] hover pseudo class

2005-05-24 Thread 4css!!!!

> I want to have a row of thumbnails on the left, and as you roll the
> mouse over a thumbnail a larger image appears on the right.
Hi Anthony, try this link
http://www.webreference.com/programming/css_gallery/index.html

I think that this will do what you are describing that you need.

hth!
4css 




-- 
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.322 / Virus Database: 266.11.15 - Release Date: 5/22/2005

__
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 list numbering - non-contiguous lists in XHTML 1.1

Hi,

(re-sending as my first didn't get to the list. Apologies to anyone
receiving it twice.)

I wonder if anyone can help me, I would like (using XHTML 1.1 and CSS) to
have a numbered list that is interupted part way through (e.g. after item
3), then continues with the next consectutive number in the sequence (e.g.
item 4), something like [MORN].

This is easy to do in HTML 4, using the depreciated start attribute [START]
on a li element. However, as this element is not present in XHTML 1.1 it
cannot be used.

If there is a way to do this in CSS (2 or 3), I'd love to know about it.

Using XHTML 1.0 isn't really an option, as I'm working with XHTML 1.1 plus
MathML 2.0 [X+M]

Cheers,
Dave.

[START] http://www.w3.org/TR/html401/struct/lists.html#adef-start

[X+M] http://www.w3.org/TR/MathML2/appendixa.html#parsing.module

[MORN] Here's the sort of numbering I'm after.
--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<---

-- 
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: CSS list numbering - non-contiguous lists in XHTML 1.1

2005-05-24 Thread David Dorward

On 5/24/05, David Balch <[EMAIL PROTECTED]> wrote:

> I wonder if anyone can help me, I would like (using XHTML 1.1 and CSS) to
> have a numbered list that is interupted part way through (e.g. after item
> 3), then continues with the next consectutive number in the sequence (e.g.
> item 4), something like [MORN].

> If there is a way to do this in CSS (2 or 3), I'd love to know about it.

CSS 2, look up the "counter" property. Browser support is rubbish though.

-- 
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] Firefox and IE discrepancies


Vicky Etherington schrieb:
...

I'm also aware that I could do with adding an overflow: auto rule as Opera
throws the content out of the bottom, but this totally throws my layout in
Firefox.  The whole of the content box moves out to the right, and I'm not
sure why, or how I can fix it.

...


The page is at: http://www.azuremarketing.com/clients/workham04/web/



The vertical centering technique you are using
 http://www.hicksdesign.co.uk/journal/vertical--horizontal-centering-2
will not allow the content to expand the #wrapper, since the given 
height is needed to pull the construct into the center with negative 
margining.

So, if you want to set overflow:auto in #wrapper, you'll get scrollbars.
Note that the FF problem is due to the missing clearing of the 
navigation floats, and will occur when you zoom the text too. Add 
clear:both to #main to fix this.


Ingo


__
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 schrieb:

I wonder if anyone can help me, I would like (using XHTML 1.1 and CSS) to
have a numbered list that is interupted part way through (e.g. after item
3), then continues with the next consectutive number in the sequence (e.g.
item 4), something like [MORN].


li div {padding: 0.5em 0; margin-left:-2.5em;}


  Get out of bed.  
  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. 
  Eat some breakfast.  


But I feel this is not what you are searching for.

Ingo
__
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] hover pseudo class

2005-05-24 Thread BJ


"is it possible to
use the hover pseudo class to affect the "display" property of a separate
div? I want to have a row of thumbnails on the left, and as you roll the
mouse over a thumbnail a larger image appears on the right. Easy enough to
do with javascript, but can you do it using just css?"


Yes, css will do this-- in every browser BUT (drumroll here . . . .) you 
guessed it.  IE.  IE only recognizes hover on links.


You might want to peek at how Eric handled it in his css popups 2 
demonstration here, though his hovers are links.  The "separate div" 
thing is solved by absolute positioning:



Also, dropdown/flyout menus often "solve" this problem so you might be 
able to use their solution, the csshover.htc file served to IE in a 
conditional comment.  See these two methods:




Good luck!
bj

__
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

Hi Geoffrey,

> From: Geoffrey Earl Brewster [mailto:[EMAIL PROTECTED] 
> 
> 
> 
>Get out of bed. 
>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.
>   Eat some breakfast.
> 
> How exciting am I!
> 
> 
>  

Unfortunately, this is not valid XHTML as  isn't allowed inside .

For a moment I thought there was an easy solution when I was looking for a
difficult one ;-)

However, this could be quite a good solution for this problem - if it's
acceptable to the HTML working group. 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.

Thanks for your reply though,
Dave.

> Geoffrey E. Brewster
> Manager of ATLAS Web Services
> University of Illinois at Urbana-Champaign G70 FLB
> 707 S. Mathews MC 164
> Urbana, IL  61801
> (217)333-2048
> [EMAIL PROTECTED]
> ---
> It is the mark of an educated mind to be able to entertain a 
> thought without accepting it.
> ---Aristotle
> 
>  
> -Original Message-
> From: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED]
>  On Behalf Of David Balch
> Sent: Tuesday, May 24, 2005 8:19 AM
> To: 'css-d@lists.css-discuss.org'
> Subject: [css-d] CSS list numbering - non-contiguous lists in 
> XHTML 1.1
> 
> Hi,
> 
> (re-sending as my first didn't get to the list. Apologies to 
> anyone receiving it twice.)
> 
> I wonder if anyone can help me, I would like (using XHTML 1.1 
> and CSS) to have a numbered list that is interupted part way 
> through (e.g. after item 3), then continues with the next 
> consectutive number in the sequence (e.g.
> item 4), something like [MORN].
> 
> This is easy to do in HTML 4, using the depreciated start 
> attribute [START] on a li element. However, as this element 
> is not present in XHTML 1.1 it cannot be used.
> 
> If there is a way to do this in CSS (2 or 3), I'd love to 
> know about it.
> 
> Using XHTML 1.0 isn't really an option, as I'm working with 
> XHTML 1.1 plus MathML 2.0 [X+M]
> 
> Cheers,
> Dave.
> 
> [START] http://www.w3.org/TR/html401/struct/lists.html#adef-start
> 
> [X+M] http://www.w3.org/TR/MathML2/appendixa.html#parsing.module
> 
> [MORN] Here's the sort of numbering I'm after.
> --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<---
> 
> -- 
> 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-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] Need help of someone using windows

2005-05-24 Thread Michael Cassidy

I'm on  MAC and the only Windows machine I have access to is a Compaq 
laptop.
Could someone look at my page and tell me if the colors are too pale; 
on the Compaq they are very borderline.


Thanks.

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/

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

Hi,

> From: David Dorward [mailto:[EMAIL PROTECTED] 
> CSS 2, look up the "counter" property. Browser support is 
> rubbish though.

As far as I've read, there's no way to continue numbering over separate ol
elements - are you aware of a way to use "counter" to enable this?

Perhaps the  of counter [COUNT] refer to a class on the ol
element (via an Attribute selectors [ATTRIB]) - whereby all ol elements with
the same class use the same counter. Can attribute selectors be used as
identifiers?

[COUNT] http://www.w3.org/TR/CSS21/syndata.html#counter
[ATTRIB] http://www.w3.org/TR/CSS21/selector.html#attribute-selectors

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

 

> -Original Message-
> From: David Dorward [mailto:[EMAIL PROTECTED] 
> Sent: 24 May 2005 15:24
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Re: CSS list numbering - non-contiguous 
> lists in XHTML 1.1
> 
> On 5/24/05, David Balch 
> <[EMAIL PROTECTED]> wrote:
> 
> > I wonder if anyone can help me, I would like (using XHTML 
> 1.1 and CSS) 
> > to have a numbered list that is interupted part way through (e.g. 
> > after item 3), then continues with the next consectutive 
> number in the sequence (e.g.
> > item 4), something like [MORN].
> 
> > If there is a way to do this in CSS (2 or 3), I'd love to 
> know about it.
> 
> CSS 2, look up the "counter" property. Browser support is 
> rubbish though.
> 
> --
> 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/
> 
__
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

Hi Ingo,

> From: Ingo Chao [mailto:[EMAIL PROTECTED] 
> Sent: 24 May 2005 16:08
> 
> David Balch schrieb:
> > I wonder if anyone can help me, I would like (using XHTML 
> 1.1 and CSS) 
> > to have a numbered list that is interupted part way through (e.g. 
> > after item 3), then continues with the next consectutive 
> number in the sequence (e.g.
> > item 4), something like [MORN].
> 
> li div {padding: 0.5em 0; margin-left:-2.5em;}
> 
> 
>Get out of bed.  
>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. 
>Eat some breakfast.  
> 
> 
> But I feel this is not what you are searching for.

That approach is wrong so far as the semantics in the markup go - but it is
valid markup, and will appear correctly in CSS aware user-agents. I have a
feeling that it will be the most practical/pragmatic solution...

Thanks for your idea,
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] Fonts

2005-05-24 Thread Richard Brown


Hi

I have a client who has asked me if I can do the site in "Eurostile". I 
explained to him about fonts needing to be on the receiving computer. 
Is this correct?


Whilst thinking of fonts could someone direct me to a site that lists 
the standard web fonts and how to display them?


Thanks

Rich

__
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] Problem marking up external links

2005-05-24 Thread Pringle, Ron

I'm attempting to mark up external links on my site with the following css:

a [href^="http://";] {content:url("icn_external.png");}

Its not working in any browser. I also tried marking up pdf links with:

a [href$=".pdf"] {content:url("icn_pdf.png");}

Again, not working. I've checked the urls to the images and they are
correct. Anything obvious that I'm missing here?

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] CSS list numbering - non-contiguous lists in XHTML 1.1

2005-05-24 Thread Rowan @ Jetboy

"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, or it's a paragraph which splits two
separate lists. Either way, is looks like the 'value' attribute can be used
to achieve what you're looking for visually. For the second option:


Get out of bed.
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.
Eat some breakfast.


I don't know how well value's supported, but it works on Firefox and IE6.

http://www.w3.org/TR/REC-html40/struct/lists.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/

Re: [css-d] Fonts

2005-05-24 Thread Chris Ovenden

On 5/24/05, Richard Brown <[EMAIL PROTECTED]> wrote:
> Hi
> 
> I have a client who has asked me if I can do the site in "Eurostile". I
> explained to him about fonts needing to be on the receiving computer.
> Is this correct?
> 

You're right, but some people will have it or a font like it. I'm not
sure what others on the list will say about this, but I tend to start
with the exact font I want, then list acceptable substitutes in
descending order until I get to sans-serif. Like this:

font-family:Eurostile, "Lucida Sans", Helvetica, Arial, sans-serif;

I couldn't reel off a list of Eurostile-alikes but you get the idea.
I'm interested to see if anytone knows a resource for finding these,
short of using Windows' "sort by similarity" feature in the Fonts
folder.

Chris
__
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] Need help of someone using windows

2005-05-24 Thread Chris Ovenden

It's readable in FF andf IE but the pale background strips are very
close to eth main bg colour.

On 5/24/05, Michael Cassidy <[EMAIL PROTECTED]> wrote:
> I'm on  MAC and the only Windows machine I have access to is a Compaq
> laptop.
> Could someone look at my page and tell me if the colors are too pale;
> on the Compaq they are very borderline.
> 
> Thanks.
> 
> 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-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] Problem marking up external links

The content: in CSS2.1 should be used only in conjunstion with 
pseudoclasses :after or :before ... You'd better use something like


a[href$="pdf"] {
   padding-right: 20px; /* respectively the width of the img */
   background: url('icn_pdf.png') no-repeat top right;
}

etc.

It works only in Gecko AFAIK.

--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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] Fonts

2005-05-24 Thread Jeff Clark

Have you considered using sIFR? 
http://www.mikeindustries.com/blog/archive/2004/08/sifr
 Jeff
--
The name's Jeff. I've got a website.
http://www.vacantcanvas.com 
 On 5/24/05, Chris Ovenden <[EMAIL PROTECTED]> wrote: 
> 
> On 5/24/05, Richard Brown <[EMAIL PROTECTED]> wrote:
> > Hi
> >
> > I have a client who has asked me if I can do the site in "Eurostile". I
> > explained to him about fonts needing to be on the receiving computer.
> > Is this correct?
> >
> 
> -- 
>
__
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] Problem marking up external links

2005-05-24 Thread Adam Kuehn


Pringle, Ron wrote:

I'm attempting to mark up external links on my site with the following css:

a [href^="http://";] {content:url("icn_external.png");}


In addition to Jon's comment about the :before and :after 
pseudo-elements and the content property, also note that the selector 
syntax you are using is incorrect.  There can be no whitespace 
between the element and the attribute portion of the selector.  I.e. 
your


a [href^="http://";] {}  should be

a[href^="http://";] {}

HTH,

--

-Adam Kuehn
__
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

2005-05-24 Thread Michael Wilson


David Balch wrote:


Unfortunately, this is not valid XHTML as  isn't allowed inside .


 as a child of  is not valid, however,  as a child of  is 
perfectly valid.



For a moment I thought there was an easy solution when I was looking for a
difficult one ;-)


I've used the following on several occasions without issue or a guilty 
conscience:


http://www.iqmax.com/downloads/mike/css-examples/list-item-notes/


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.


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. A complex set of step-by-step instructions, for example, may 
require more than a few words wrapped in  to properly convey 
meaning. I believe this is the reason the spec allows for block level 
content within list items.


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.


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.


Best regards,
Michael Wilson




__
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

2005-05-24 Thread Chris Ovenden

On 5/24/05, Michael Wilson <[EMAIL PROTECTED]> wrote:
> David Balch wrote:
> 
> > Unfortunately, this is not valid XHTML as  isn't allowed inside .
> 
>  as a child of  is not valid, however,  as a child of  is
> perfectly valid.
> 
> > For a moment I thought there was an easy solution when I was looking for a
> > difficult one ;-)
> 
> I've used the following on several occasions without issue or a guilty
> conscience:
> 
> http://www.iqmax.com/downloads/mike/css-examples/list-item-notes/
> 
> > 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.
> 
> 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. A complex set of step-by-step instructions, for example, may
> require more than a few words wrapped in  to properly convey
> meaning. I believe this is the reason the spec allows for block level
> content within list items.
> 
> 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.
> 
> 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.
> 

Nicely answered, Michael. The original Berners-Lee HTML specification
was (almost) about pure structure. Of course you can have paragraphs
within a list item. I was starting to get worried that with the advent
of xhtml we'd thrown a tomato out with the radishes.

Chris
__
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] Fonts


On Tue, 24 May 2005 10:55:03 -0400, Richard Brown <[EMAIL PROTECTED]> wrote:


Hi

I have a client who has asked me if I can do the site in "Eurostile". I  
explained to him about fonts needing to be on the receiving computer. Is  
this correct?


Whilst thinking of fonts could someone direct me to a site that lists  
the standard web fonts and how to display them?


Thanks
Rich


Good place to start:
All you wanted to know
about Web type
but were afraid to ask
-Joe Gillespie


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/

RE: [css-d] Problem marking up external links

2005-05-24 Thread Pringle, Ron


> In addition to Jon's comment about the :before and :after 
> pseudo-elements and the content property, also note that the selector 
> syntax you are using is incorrect.  There can be no whitespace 
> between the element and the attribute portion of the selector.  I.e. 
> your
> 
> a [href^="http://";] {}  should be
> 
> a[href^="http://";] {}

Adam and Jon-

Thanks for the help! That did the trick. I originally had it without any
whitespace and forgot to change it back after noodling with it.

For those stumbling across this thread at a later date, I'll add the
following additional info:

use [att^=value] for selecting a string that begins with the value.
ex: a[href^="http://";] would select any link beginning with http://

use [att$=value] for selecting a string that ends with the value.
ex: a[href^=".pdf"] would select any link ending in .pdf

use [att*=value] for selecting a string that contains the value.
ex: a[href^="aurora"] would select any link containing the string aurora
anywhere in the url.

Internet Explorer 6 and below ignore all of the above.

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/

[css-d] For Zoe Gillenwater or anyone who'll help - pic float problem about your article

2005-05-24 Thread Christopher Harris


Dear Ms. Gillenwater or anyone who can help!,

I was following your article: 
http://www.communitymx.com/content/article.cfm?page=1&cid=AFC58 .  I was 
directed to it through this list.  I'm constructing a page, and I used your 
liquid column technique.  The only problem is that I couldn't get it to work 
for a 2 column layout.  Sad - I know.  I've been racking my brains.  I got 
the background columns to look good, but when I start putting the content on 
top - that's when things go haywire.  I'm using images in the right column, 
and they keep floating over and blocking the left side if you resize or have 
a smalller screen than what I'm using - which is a 19" monitor with a 
reasonable resolution.  My page's URL is: 
http://www.steeloaklimited.com/houseplantrends/bgTest.html and the CSS file 
is:  http://www.steeloaklimited.com/houseplantrends/bgTest.css .  I 
downloaded your support files for that article just to see if it would work 
on your twocol.html file with the 2 pics in it - and to see if I'm going 
nuts.  It didn't work.  The URL for that is: 
http://www.steeloaklimited.com/houseplantrends/twocol.html .  If you resize 
it, the pics will cover the left side too.  So - I bet that it won't work on 
someone like my mother's monitor at her office , which is a 19-21" monitor.  
Here's the pic of what my page looks like on her computer:  
http://www.steeloaklimited.com/houseplantrends/momComp.jpg .

I've tried some alternates too:

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


Sorry for the lengthy message.  But, I just wanted to show you that I've 
tried a ton of things - and that's not all of it.  If you could help - that 
would be stupendous.  I have to hurry up and get this page done - and the 
rest of the site because of employment reasons and a shoddy flash site 
someone previously made for my boss - yay!


- Chris

_
Is your PC infected? Get a FREE online computer virus scan from McAfee® 
Security. http://clinic.mcafee.com/clinic/ibuy/campaign.asp?cid=3963


__
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-map page renders improperly in opera 8

2005-05-24 Thread dwain

that was the ticket.  i must have mucked around with the clearfix rule 
before.  when i reinserted the correct code, o8 came around.


if someone would be so kind as to take a look in ie mac, i surely would 
be grateful.


and could i get a check (just 2 pages), pc and mac, on another site 
also.  i have just changed the clearfix rule there.


http://www.studiokdd.com/
http://www.alforddesigngroup.com/

regards,
dwain

--
Dwain Alford
http://www.alforddesigngroup.com
web hosting: http://www.1and1.com/?k_id=7653741
http://www.spreadfirefox.com/?q=affiliates&id=0&t=1/

"The artist may use any form which his expression demands;
for his inner impulse must find suitable expression."
Wassily Kandinsky, "Concerning The Spiritual In Art"


---
avast! Antivirus: Outbound message clean.
Virus Database (VPS): 0520-4, 05/20/2005
Tested on: 5/24/2005 2:40:20 PM
avast! - copyright (c) 1988-2005 ALWIL Software.
http://www.avast.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] Probably OT: looking for article on javascript/css form element replacement

2005-05-24 Thread Bob Sawyer

Sorry for the OT-ness... please respond to me offlist and I'll be
happy to sum-up for anyone who requests such as that (again off-list).

I'm looking for a recent article on someone's site on how to use
javascript (and possibily CSS but I don't recall exactly) to replace
form elements such as checkboxes, radio buttons, etc. Google is not my
friend, but maybe it's because I'm entering the wrong search terms. If
someone could please point me in the right direction here I'd greatly
appreciate it.

Best,
-Bob
__
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] Probably OT: looking for article on javascript/css form element replacement

Uff, it was hard to find... I'm posting it onlist, I hope I won't offend 
anyone as it might be useful.



--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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] how would I set the font size in CSS for something like this?

2005-05-24 Thread Bruce Gilbert

I have a percentage set up in my body css (100.01%) and various
percentages of that size for other elements. I have a form within an
unorganized list where the font size of my option links are appearing
way to small in Gecko browsers so I need to know how I would set it in
CSS.

the code is something like this:




  
Community Education...
  





I thought it would be something like:

ul li form option {font-size:100%}
...but that doesn't work :-(

any suggestions?
-- 
::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] site-map page renders improperly in opera 8

2005-05-24 Thread Gunlaug Sørtun


[EMAIL PROTECTED] wrote:
if someone would be so kind as to take a look in ie mac, i surely 
would be grateful.



[1] http://www.studiokdd.com/pages/site-map.html



[2] http://www.studiokdd.com/ [3] http://www.alforddesigngroup.com/


Quick look in FF1/win, Opera8/win, Safari and IE/Mac.

These 3 pages comes through fine, and pretty identical, in all these
browsers.

Differences:
[3] yellow border around center-image/link only shows up in FF. Maybe
you want 'border: none;' on that image?

IE/Mac show its usual horizontal scroll-bar (some 25px extra width), but
otherwise fine.

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] Why using file extension ".css"


Hi list,

why the style sheet files always have the extension ".css"?

AFAIK all the recently used browsers accept a link as *href='basis'*,
and don't care about, wether the file name is *basis.css*, *basis.sthm*,
or just *basis* without an extension.

Do we really need the extension ".css"? And if yes, why?


regards
Uwe Kaiser

__
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] Why using file extension ".css"

2005-05-24 Thread Brian Cummiskey


Uwe Kaiser wrote:


Do we really need the extension ".css"? And if yes, why?


There may be a better reason behind this, but... the extention triggers 
the webserver to serve the page in the proper format.


You can cal4l it anything you want, so long as you force the "header: 
content-type" of "text/css".


__
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] how would I set the font size in CSS for something like this?

2005-05-24 Thread Brian Cummiskey


Bruce Gilbert wrote:






			  

  Community Education...
  






I thought it would be something like:

ul li form option {font-size:100%}




I'm not going to argue a point for putting a form in a list item... I'd 
re-think your structural mark-up.


that said, you would want to give the ul an id:



and style it:

ul#the_id_name select { font-size: 100%; }

__
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] Why using file extension ".css"

2005-05-24 Thread Jon Jensen

A couple reasons...

1. Mime types

If your css files end in .foo instead of .css, the web server won't send the
appropriate "text/css" type unless it has been explicitly configured to do
so. Even though you might be saying , user agents
are supposed to respect the content-type header sent with the file, which in
this case would likely be "text/plain", so in standards-compliant browsers,
the style sheet wouldn't be loaded.

2. Internet Explorer

Internet Explorer has historically relied on the file extension in the url
to determine what type of content it is, sometimes ignoring the content-type
or other indicators. In this case, it probably wouldn't be an issue, but it
is something to be aware of.

Jon

__
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] Images vs inline styles vs width/height




Two interesting articels:

By Dave Shea
http://www.mezzoblue.com/archives/2005/05/10/image_attrib/index.php

By Dimitri Glazkov
http://glazkov.com/blog/archive/2005/04/18/430.aspx


regards
Uwe Kaiser
--


jack fredricks schrieb:


david laasko wrote recently;



Move the inline styles for all the images to the CSS file.



and it made me wonder...

is it ok to move an image's width and height attribs into a style
sheet? I'm old skool, and I was brainwashed into making sure I always
specify them in the html source (to aid with page render pre image
download).

thanks
jack



__
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] Why using file extension ".css"

On 5/24/05, Brian Cummiskey <[EMAIL PROTECTED]> wrote:
> Uwe Kaiser wrote:
> 
> > Do we really need the extension ".css"? And if yes, why?
> 
> There may be a better reason behind this, but... the extention triggers
> the webserver to serve the page in the proper format.
> 
> You can cal4l it anything you want, so long as you force the "header:
> content-type" of "text/css".

Also, humans have to edit them and would like to know what a file is
and operating systems associate files by extension. You can also set
your server up not to make certain files indexable by file extension.

I wonder what the benefits of omitting the extension are?
__
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] Why using file extension ".css"

2005-05-24 Thread jack fredricks

it's a DOS hang-over. File extensions are not *needed*, the main OS
developers *choose* to use them. It makes file types more 'human
readable'. I personally think it should be metadata. But thats all
offtopic.

As for why use them TODAY? It all depends on your browser support. If
all the browsers you support (both today and tomorrow) can deal with
*href='basis'*, then use it. Personally I'll stick with n.3.
__
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] Images vs inline styles vs width/height


On Tue, 24 May 2005 17:01:51 -0400, Uwe Kaiser <[EMAIL PROTECTED]> wrote:




Two interesting articels:

By Dave Shea
http://www.mezzoblue.com/archives/2005/05/10/image_attrib/index.php

By Dimitri Glazkov
http://glazkov.com/blog/archive/2005/04/18/430.aspx


regards
Uwe Kaiser
--


jack fredricks schrieb:


david laasko wrote recently;


Move the inline styles for all the images to the CSS file.

  and it made me wonder...
 is it ok to move an image's width and height attribs into a style
sheet? I'm old skool, and I was brainwashed into making sure I always
specify them in the html source (to aid with page render pre image
download).
 thanks
jack
Just for clarification, since most of the replies have been taken out of  
context,  it is the positioning information within the asterisks that I  
was suggesting the author handle with CSS and move to the CSS file. The  
comment "move to the CSS file" had nothing to do with dimensions.
http://www.cregy.net/jewels/images/necklace.jpg"; *align="left"  
vspace=5 hspace=20* alt="picture of a necklace">

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/

Re: [css-d] Images vs inline styles vs width/height


David Laakso schrieb:


On Tue, 24 May 2005 17:01:51 -0400, Uwe Kaiser <[EMAIL PROTECTED]> wrote:




Two interesting articels:

By Dave Shea
http://www.mezzoblue.com/archives/2005/05/10/image_attrib/index.php

By Dimitri Glazkov
http://glazkov.com/blog/archive/2005/04/18/430.aspx


regards
Uwe Kaiser
--


jack fredricks schrieb:


david laasko wrote recently;


Move the inline styles for all the images to the CSS file.


  and it made me wonder...
 is it ok to move an image's width and height attribs into a style
sheet? I'm old skool, and I was brainwashed into making sure I always
specify them in the html source (to aid with page render pre image
download).
 thanks
jack


Just for clarification, since most of the replies have been taken out 
of  context,  it is the positioning information within the asterisks 
that I  was suggesting the author handle with CSS and move to the CSS 
file. The  comment "move to the CSS file" had nothing to do with 
dimensions.
http://www.cregy.net/jewels/images/necklace.jpg"; 
*align="left"  vspace=5 hspace=20* alt="picture of a necklace">

David Laakso



I'am sorry, I failed to erase your name and comment.

Uwe Kaiser





__
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] Why using file extension ".css"


Christian Heilmann schrieb:


On 5/24/05, Brian Cummiskey <[EMAIL PROTECTED]> wrote:


Uwe Kaiser wrote:



Do we really need the extension ".css"? And if yes, why?


There may be a better reason behind this, but... the extention triggers
the webserver to serve the page in the proper format.

You can cal4l it anything you want, so long as you force the "header:
content-type" of "text/css".



Also, humans have to edit them and would like to know what a file is
and operating systems associate files by extension. You can also set
your server up not to make certain files indexable by file extension.

I wonder what the benefits of omitting the extension are?



If the extension wouldn't be important (because the web server
is sending the correct mime type), I could link to an "basis.php"
to manipulate the styles server sided via scripting.

Uwe Kaiser

__
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 Float Bug

2005-05-24 Thread Ian McFarlan


Hi,

I was wondering if someone here could help me out. I'm trying to put  
together my online portfolio and all is good to go, then I decided to  
test it in Win IE and was terrified. I used floats to position  
certain elements and IE renders them weird.


The site:
http://www.mcfarlan.ca/portfolio/

The CSS:
http://www.mcfarlan.ca/portfolio/style/munkie.css

What it should look like:
http://www.mcfarlan.ca/portfolio/safari.jpg

Any help is most appreciated, thanks.
_ian



__
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 Scope: I think I'm being specific enough...?

2005-05-24 Thread Chris W. Parker

Hello,

I've got the following HTML...


 


...that is being influenced by some more general CSS rules (background
and border and width). If I declare those things within the style
attribute I can get it to look how I want. Yet when I use the following
CSS it's not affected:

form#order_submit {
width: 100%;
background: none;
border: none;
text-align: center;
}

form#order_submit input {
font-size: large;
font-family: Verdana;
}

I know that I'm referencing it correctly because my rules for the
 tag are working correctly. Even 'text-align' in the form's
declaration is working! It's just width, background, and border that are
not.

What am I missing here?


Thanks,
Chris.
__
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] Why using file extension ".css"


If the extension wouldn't be important (because the web server
is sending the correct mime type), I could link to an "basis.php"
to manipulate the styles server sided via scripting.


You can do it now, just send the mime...

--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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] Images vs inline styles vs width/height

2005-05-24 Thread jack fredricks

> Just for clarification, since most of the replies have been taken out of
> context,  it is the positioning information within the asterisks that I
> was suggesting the author handle with CSS and move to the CSS file. The
> comment "move to the CSS file" had nothing to do with dimensions.
> http://www.cregy.net/jewels/images/necklace.jpg"; *align="left"
> vspace=5 hspace=20* alt="picture of a necklace">

I didnt mean to mis-quote, or even quote, you. I just said you made me
think. Your original post, where ever that was, said 'inline styles'.
I just thought I'd take it one step further.

I'll read Uwe's 2 links tonight, then do some testing if I can. Then
post my thoughts.
__
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] Why using file extension ".css"

2005-05-24 Thread Greg Salt

On 24 May 2005, at 23:37, Uwe Kaiser wrote:

Christian Heilmann schrieb:

On 5/24/05, Brian Cummiskey <[EMAIL PROTECTED]> wrote:

Uwe Kaiser wrote:

Do we really need the extension ".css"? And if yes, why?

There may be a better reason behind this, but... the extention
triggers

the webserver to serve the page in the proper format.

You can cal4l it anything you want, so long as you force the
"header:

content-type" of "text/css".

Also, humans have to edit them and would like to know what a file is
and operating systems associate files by extension. You can also set
your server up not to make certain files indexable by file extension.
I wonder what the benefits of omitting the extension are?

If the extension wouldn't be important (because the web server
is sending the correct mime type), I could link to an "basis.php"
to manipulate the styles server sided via scripting.

Uwe Kaiser

You can do that if you wish. As above, just use type: text/css"); ?> at the top of your document then add your CSS as
normal. Anytime you want to add some scripting just insert the PHP
tags and you're all set.

Regards

Greg

__
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 XHTML 1.1

2005-05-24 Thread BJ



This is easy to do in HTML 4, using the depreciated start 
attribute [START] on a li element. However, as this element 
is not present in XHTML 1.1 it cannot be used.


If there is a way to do this in CSS (2 or 3), I'd love to 
know about it.


Using XHTML 1.0 isn't really an option, as I'm working with 
XHTML 1.1 plus MathML 2.0 [X+M]



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.  That should validate, though 
you'll probably get a few gray hairs making it lay up properly.  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.

Good luck,
bj


__
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] Fonts

2005-05-24 Thread Joanne


I have a client who has asked me if I can do the site in "Eurostile". I 
explained to him about fonts needing to be on the receiving computer. 
Is this correct?


There is a way to embed the font in to the website, but I have no idea how
to do it. It's done at http://chris.pirillo.com/ if anyone knows how Chris
did this?

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/

RE: [css-d] Fonts

2005-05-24 Thread Jon Jensen

> There is a way to embed the font in to the website, but I 
> have no idea how to do it. It's done at 
> http://chris.pirillo.com/ if anyone knows how Chris did this?

It appears that it only works in IE, even though it's part of the CSS 2
spec... Chris uses @font-face in his style sheet to load a custom font
description and character map.

http://www.w3.org/TR/REC-CSS2/fonts.html#font-descriptions
http://msdn.microsoft.com/workshop/author/fontembed/font_embed.asp

Jon

__
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] Why using file extension ".css"

2005-05-24 Thread Peter Williams

> -Original Message-
> From: Uwe Kaiser
> 
> why the style sheet files always have the extension ".css"?
> 

You have to setup a mime-type for the file on the web server,
so you want to pick one extension and stick to it. the .css is
very self explanatory and follows the convention of .html.
It would seem to be creating a nusiance to change to something
else when there is a firmly established and widely used convention.

-- 
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] Why using file extension ".css"

> >
> You can do that if you wish. As above, just use  type: text/css"); ?> at the top of your document then add your CSS as
> normal. Anytime you want to add some scripting just insert the PHP
> tags and you're all set.

More on that:
http://www.icant.co.uk/articles/cssconstants/#sscript

-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.org/
__
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] Fonts

On 5/25/05, Joanne <[EMAIL PROTECTED]> wrote:
> 
> I have a client who has asked me if I can do the site in "Eurostile". I
> explained to him about fonts needing to be on the receiving computer.
> Is this correct?
> 
> 
> There is a way to embed the font in to the website, but I have no idea how
> to do it. It's done at http://chris.pirillo.com/ if anyone knows how Chris
> did this?

via
@font-face {
   font-family: "Chris Pirillo";
   font-style: normal;
   src: url(/images/CHRISPI1.eot);
}
http://www.richinstyle.com/guides/fontface2.html
http://www.blooberry.com/indexdot/css/syntax/atrules/fontface.htm

-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.org/
__
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] Fonts

2005-05-24 Thread Peter Williams

> From: Joanne
> 
> There is a way to embed the font in to the website, but I 
> have no idea how to do it.

There were two competing methods (aren't there always) of embedding
fonts for the web. Neither really took off as far as I can tell.

Webmonkey have an article on how to use both
http://tinyurl.com/d843s

-- 
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] site-map page renders improperly in opera 8 [SOLVED]

2005-05-24 Thread dwain


Gunlaug Sørtun wrote:

Quick look in FF1/win, Opera8/win, Safari and IE/Mac.

These 3 pages comes through fine, and pretty identical, in all these
browsers.

Differences:
[3] yellow border around center-image/link only shows up in FF. Maybe
you want 'border: none;' on that image?

IE/Mac show its usual horizontal scroll-bar (some 25px extra width), but
otherwise fine.


thanks for the look georg; and thanks for the other observations that 
brought about the resolution to the problem.  thank you all just doesn't 
seem to say enough.


regards,
dwain


--
Dwain Alford
http://www.alforddesigngroup.com
web hosting: http://www.1and1.com/?k_id=7653741
http://www.spreadfirefox.com/?q=affiliates&id=0&t=1/

"The artist may use any form which his expression demands;
for his inner impulse must find suitable expression."
Wassily Kandinsky, "Concerning The Spiritual In Art"


---
avast! Antivirus: Outbound message clean.
Virus Database (VPS): 0521-1, 05/24/2005
Tested on: 5/24/2005 7:38:13 PM
avast! - copyright (c) 1988-2005 ALWIL Software.
http://www.avast.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] IE Float Bug

2005-05-24 Thread J. Kang

Try this:

#content #left-content img {
margin-right: 10px;
border: 1px solid black;
padding: 1px;
margin-bottom: 7px;
}

#left-content {
float: left;
text-align: left;
width: 212px;
height: auto;
}

Just a guess. I haven't tested it.

J.

--- Ian McFarlan <[EMAIL PROTECTED]> wrote:
> Hi,
> 
> I was wondering if someone here could help me out.
> I'm trying to put  
> together my online portfolio and all is good to go,
> then I decided to  
> test it in Win IE and was terrified. I used floats
> to position  
> certain elements and IE renders them weird.
> 
> The site:
> http://www.mcfarlan.ca/portfolio/
> 
> The CSS:
> http://www.mcfarlan.ca/portfolio/style/munkie.css
> 
> What it should look like:
> http://www.mcfarlan.ca/portfolio/safari.jpg
> 
> Any help is most appreciated, thanks.
> _ian
> 
> 
> 
>
__
> 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] centering a footer

2005-05-24 Thread Luc

Hello Eric, 

It was foretold that on 24-5-2005 @ 22:35:46 GMT-0500 (which was
5:35:46 where I live) Eric Ladner would write:



EL> The right and left content are floated, so they are removed from the
EL> flow. 
EL> Bout the only thing I could think of off the top of my head is create a
EL> footer wrapper that's got the same margin as the left content, then
EL> another inner div that's centered in the space that's left.
  
Ofcourse, the wrapper did the the trick :-)

I know about left and right being removed from the flow but it just
puzzled me why it works on my home page with also left and right
floated, without a footerwrapper and even without margins. In fact it
still puzzles me :-)

I guess i was to focused on that to think about setting a wrapper in
this case :-)

Anyways, tnx a lot Eric!

-- 
Best regards,
 Luc
_

http://www.dzinelabs.com

Need a website?
http://www.w-orx.com

Powered by The Bat! version 3.0.1.33 with Windows 2000 (build 2195),
version 5.0 Service Pack 4 and using the best browser: Opera.

"Don't mention the war. I mentioned it once but I think I got away
with it." - Basil Fawlty (John Cleese) in Fawlty Towers

__
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] help - CSS styled divider in between items on a page not working properly

2005-05-24 Thread Luca Balboni


Hi all,

I need to include a divider in between different articles and I  
cannot quite working it out.


I  included this code in my html, after the last paragraph of my  
articles:




and in the CSS file:

.divider { height: 10px; background: url(images/divider.gif) no-repeat;}

It seems to work but when I try to validate the page, it gives me an  
error saying "Error: attribute values must be quoted in XML"


No idea what that means!

Anyone knows how I can fix this or if there is a better way to do it?

Thanks,
Luca

__
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

2005-05-24 Thread jack fredricks

in an XML document



should be;



but this isnt a CSS issue. The validator told you the error - "Error:
attribute values must be quoted in XML". You should listen to it, it's
quite smart :)
__
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] Different background image to each page

2005-05-24 Thread Vicki Skinner (Stebbins)


Hi,

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

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

This is the div...

div#content {
padding: 0;
width: 100%;
border:  5px solid #C63;
border-width: 5px 0 5px 0;
background: #369 url(/images05/home.jpg) no-repeat;
}

I want to display the image in the background so the text within the same 
div comes over the image a little.


The only way I can think to do it is,  to call the entire div another name 
for each page for example div#about, div#contact etc etc with all the 
padding, borders etc.


This would fill a stylesheet so I wondered does someone know a better way?

Many thanks

Vicki

"I'd put my money on the Sun and solar energy. What a source of power!
I hope we don't have to wait until oil and coal run out before we tackle
that."
-Thomas Edison

  \(.)^(.)/
--0--
Keenstreet Communications
http://www.keenstreet.com.au


__
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

2005-05-24 Thread Peter Williams

> -Original Message-
> From: Luca Balboni
> 
> 
> It seems to work but when I try to validate the page, it gives me an  
> error saying "Error: attribute values must be quoted in XML"
> 

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/

[css-d] IE6/Opera Images Underline Problem

2005-05-24 Thread Frank McClung

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?

 

Thanks,

 

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] Different background image to each page

2005-05-24 Thread Pactum web services

My apologies. I believe I initially sent this response to Vicki privately by 
accident. It's confusing having some lists that one can hit "Reply" and 
others that one must hit "Reply All."

From: "Vicki Skinner (Stebbins)" <[EMAIL PROTECTED]>
To: 
Sent: Tuesday, May 24, 2005 9:59 PM
Subject: [css-d] Different background image to each page

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

The only way I can think to do it is,  to call the entire div another name 
for each page for example div#about, div#contact etc etc with all the 
padding, borders etc.

This would fill a stylesheet so I wondered does someone know a better way?

Are all your images the same size?

I would say that the best way is to specify all your universal rules in your
external style sheet. Then, in the head of your individual pages, specify
the actual background image. (I think this means that you won't be able to
"shorthand" your background styles in your external style sheet. Somebody
please correct me if I'm wrong.)

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] Different background image to each page

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.


This is the div...

div#content {
padding: 0;
width: 100%;
border:  5px solid #C63;
border-width: 5px 0 5px 0;
background: #369 url(/images05/home.jpg) no-repeat;
}

I want to display the image in the background so the text within the  
same div comes over the image a little.


The only way I can think to do it is,  to call the entire div another  
name for each page for example div#about, div#contact etc etc with all  
the padding, borders etc.


This would fill a stylesheet so I wondered does someone know a better  
way?


Many thanks

Vicki
Apply a different id to the body element on each page and call a different  
image for each id?

Best,
david
--
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/

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

2005-05-24 Thread Pactum web services

- Original Message - 
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, I'm seeing that underline in Firefox too. Where exactly do you want 
the underline, and where don't you? If your issue is just in the masthead, 
you can add this to your masthead styles:


#masthead a { border: none; }

Is that what you're after?

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] Different background image to each page

2005-05-24 Thread Vicki Skinner (Stebbins)




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


The only way I can think to do it is,  to call the entire div another 
name for each page for example div#about, div#contact etc etc with all 
the padding, borders etc.


This would fill a stylesheet so I wondered does someone know a better way?


Are all your images the same size?

I would say that the best way is to specify all your universal rules in your
external style sheet. Then, in the head of your individual pages, specify
the actual background image. (I think this means that you won't be able to
"shorthand" your background styles in your external style sheet. Somebody
please correct me if I'm wrong.)

tim


Hi Tim and other folk,

The images will all be different sizes.

I was about to try with the individual pages and had an idea...

Could the image be placed as a background within the div as a class, so a 
class attribute goes into the div description on each page?


ie.


Can someone let me know if this is possible?

Thanks

Vicki


__
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

2005-05-24 Thread Philippe Wittenbergh



On 25 May 2005, at 12:42 am, David Balch wrote:


From: David Dorward [mailto:[EMAIL PROTECTED]
CSS 2, look up the "counter" property. Browser support is
rubbish though.


As far as I've read, there's no way to continue numbering over 
separate ol

elements - are you aware of a way to use "counter" to enable this?

Perhaps the  of counter [COUNT] refer to a class on the ol
element (via an Attribute selectors [ATTRIB]) - whereby all ol 
elements with

the same class use the same counter. Can attribute selectors be used as
identifiers?

[COUNT] http://www.w3.org/TR/CSS21/syndata.html#counter
[ATTRIB] http://www.w3.org/TR/CSS21/selector.html#attribute-selectors


Support for 'counter' is indeed pretty poor: Opera 8 and Gecko nightly 
builds.


Note that what is specified in the current CSS 2.1 CR. is apparently 
outdated. Gecko's implementation follows a not yet released draft for a 
new CSS 2.1 CR.

See the Bugzilla entry that fixes 'counters' in Gecko:

and the test case

It might do what you're after... ;-)

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] IE6/Opera Images Underline Problem

2005-05-24 Thread Pactum web services

From: "Frank McClung" <[EMAIL PROTECTED]>
To: "'Pactum web services'" <[EMAIL PROTECTED]>
Sent: Tuesday, May 24, 2005 11:23 PM
Subject: RE: [css-d] IE6/Opera Images Underline Problem

Tim,

I only want the underline in the .bodytext class (text links). I don't want

it in the navigation, masthead or images.

Well, doing what I suggested earlier:

#masthead a { border: none; }

plus this:

#footer a { border: none; }

... should accomplish that.

But it shouldn't be necessary. I'm trying to figure out why your .bodytext 
link styles seem to have commandeered your masthead and footer.

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] Different background image to each page

2005-05-24 Thread Vicki Skinner (Stebbins)




Hi,

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

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

This is the div...

div#content {
padding: 0;
width: 100%;
border:  5px solid #C63;
border-width: 5px 0 5px 0;
background: #369 url(/images05/home.jpg) no-repeat;
}

I want to display the image in the background so the text within the
same div comes over the image a little.

The only way I can think to do it is,  to call the entire div another
name for each page for example div#about, div#contact etc etc with all
the padding, borders etc.

This would fill a stylesheet so I wondered does someone know a better
way?

Many thanks

Vicki

Apply a different id to the body element on each page and call a different
image for each id?
Best,
david


Hi David and Tim,

I did it yippee... I feel like things are starting to fall into place with 
this stuff!


What I did...

I took the background attributes out of the div#content and then

created classes:

.homepage {
background: #369 url(/images05/home.jpg) no-repeat;
}

.webpage {
background: #369 url(/images05/web.jpg) no-repeat;
}

etc etc ...

It's only a small amount of extra code for the stylesheet... then into the html

I added to the div#content:


Works well, in Firefox and IE 6.0, hopefully most browsers.

Many thanks you guys put me on the right track.

8-)
Vicki


__
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

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.


This is the div...

div#content {
padding: 0;
width: 100%;
border:  5px solid #C63;
border-width: 5px 0 5px 0;
background: #369 url(/images05/home.jpg) no-repeat;
}

I want to display the image in the background so the text within the  
same div comes over the image a little.


The only way I can think to do it is,  to call the entire div another  
name for each page for example div#about, div#contact etc etc with all  
the padding, borders etc.


This would fill a stylesheet so I wondered does someone know a better  
way?


Many thanks

Vicki

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;
 }
Regards,
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/

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

2005-05-24 Thread Holly Bergevin

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] Why using file extension ".css"