Re: [css-d] Internal site links handled in print style sheet

[Philippe Wittenbergh]

On Nov 25, 2010, at 12:54 PM, Keith Purtell wrote:

>  I
> noticed the difference between the use of the ^ and the * and wondered
> if this was syntax like the methods I've used in regular expressions,
> but I couldn't find an explanation on the Web of what these two
> different symbols do here.

it is a kind of regular expressions, see attribute selectors:
http://www.w3.org/TR/css3-selectors/#attribute-selectors

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Internal site links handled in print style sheet

[Keith Purtell]

David, I've been puzzling over the contents of that link ever since you
responded. The answer to the question in that discussion seemed to be in
Jason Arnold's post where he talked about ...

a[href^="http"]
   and
a[href*="sitethatisnotanexternalsite.com"]

But, if I understand him correctly, his solution would mean using
absolute URLs to handle the internal links. Have I misinterpreted? I
noticed the difference between the use of the ^ and the * and wondered
if this was syntax like the methods I've used in regular expressions,
but I couldn't find an explanation on the Web of what these two
different symbols do here.

- Keith Purtell


On 11/12/2010 3:46 PM, css-d-requ...@lists.css-discuss.org wrote:
> --
> Date: Fri, 12 Nov 2010 11:47:51 -0800
> From: David Hucklesby 
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Internal site links handled in print style sheet
> 
> On 11/10/10 5:09 PM, Keith Purtell wrote:
>> > I'm using this CSS ...
>> >
>> > a[href^="http://"]:after {
>> >content: " (online at: "attr(href)")";
>> > }
>> >
>> > ...to handle links to external sites when a visitor prints one of my
>> > pages. However, I occasionally refer to related pages within my own
>> > site/file directory. Not sure how to handle these links in the print.css
>> > style sheet.
>> >
> Oddly, there was a useful discussion of this kind of issue over at the
> Web Standards Group recently:
> 
> 
> 
> HTH.
> 
> Cordially,
> David

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] archives link?

[Philippe Wittenbergh]

On Nov 25, 2010, at 12:16 AM, Philip Taylor (Webmaster, Ret'd) wrote:

> How's about :
> 
>   http://lists.css-discuss.org/mailman/private/css-d/

Or public archives (more easy to search)


Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how would i center this nav? + anyone home?

[Matthew P. Johnson]

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso
Sent: Wednesday, November 24, 2010 1:49 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] how would i center this nav? + anyone home?

On 11/24/10 1:37 PM, Matthew P. Johnson wrote:
>
> On 11/22/10 7:02 PM, Matthew P. Johnson wrote:
>> http://www.applegateelements.com/!cssd/vert/index.htm
>>
>> Matthew P. Johnson
>>



See additions and correction at very top of embedded CSS:


Best,

Jose
Havana


--
http://chelseacreekstudio.com/



Hi David, 

Sorry for the delay I had to go out  into the field for a bit. 

Yes the last email you sent regarding the nav I am working is correct. 

Thank you it looks perfect. I have to run out again but will have a look at
how you made this work for my always continuing education. 

Have a wonderful Thanksgiving. 

Sincerely, 

Matthew

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how would i center this nav? + anyone home?

[David Laakso]

On 11/24/10 1:37 PM, Matthew P. Johnson wrote:


On 11/22/10 7:02 PM, Matthew P. Johnson wrote:

http://www.applegateelements.com/!cssd/vert/index.htm

Matthew P. Johnson





See additions and correction at very top of embedded CSS:


Best,

Jose
Havana


--
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how would i center this nav?

[David Laakso]

On 11/24/10 1:37 PM, Matthew P. Johnson wrote:


On 11/22/10 7:02 PM, Matthew P. Johnson wrote:

http://www.applegateelements.com/!cssd/vert/index.htm

Matthew P. Johnson





Try approaching it as a "division of labor" by isolating only the navigation
menu itself on the page...

Best,
~d




Hi David,

I have been doing just that. I can center the nav from the left hand side of
the nav but I get stuck there. I can figure out how to center the nav from
the center of the nav if that makes sense, only from the far left hand side
of the nav.




Is this what you are working from?

~d



--
:: desktop and mobile ::
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS method for larger "lead-in" text?

[Rory Bernstein]

Oh, very interesting. I did not know about the first line thing. Thanks! that 
might work.

Rory


On Nov 24, 2010, at 1:04 PM, Rob Crowther wrote:

> On 24/11/10 17:05, Rory Bernstein wrote:
>> Is there a way to use CSS to make the first X words of a paragraph be larger?
>> 
> Not really, the closest thing to it is the :first-line pseudo element, but 
> that selects everything to the end of the line, not a particular number of 
> words.
> 
> http://www.w3.org/TR/CSS2/selector.html#first-line
> 
> Rob

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how would i center this nav?

[Matthew P. Johnson]

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso
Sent: Wednesday, November 24, 2010 8:36 AM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] how would i center this nav?

On 11/22/10 7:02 PM, Matthew P. Johnson wrote:
> http://www.applegateelements.com/!cssd/vert/index.htm
>
> Matthew P. Johnson
>
>


Try approaching it as a "division of labor" by isolating only the navigation
menu itself on the page...

Best,
~d

--
http://chelseacreekstudio.com/

Hi David,

I have been doing just that. I can center the nav from the left hand side of
the nav but I get stuck there. I can figure out how to center the nav from
the center of the nav if that makes sense, only from the far left hand side
of the nav.

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS method for larger "lead-in" text?

[Giles, Sarah]

On 11/24/10 12:33 PM, "Rory Bernstein"  wrote:

>Thanks, John. That would be a great solution for most cases, but I need
>to NOT have a span that wraps around the bigger text. No extra markup
>other than the  tags. I need the CSS (perhaps with the help of
>javascript?) to pick out X words, and style them bigger (of course I
>would write a style for that). The css would be like "add class .bigger"
>to the first X words of this paragraph" and then there would be a
>"bigger" class that gets used.
>
>
>> I did that with , where you surround your lead-in text with span
>>and define your class in your style sheets, like this:
>> 
>> Here is the lead in sentance.
>> Here is the rest of the paragraph. Here is the rest of the paragraph.
>>Here is the rest of the paragraph. Here is the rest of the paragraph.
>>Here is the rest of the paragraph. Here is the rest of the paragraph.
>>
>> 
>> .firstline {
>> font-size: 150%;
>> font-weight: bolder;
>> }
>> 
>> John


You can't put something like add class into CSS. What you will need to do
is like what John is saying.
However you don't need to hard code it.

You can add the  tags dynamically on load with a javascript
function. 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS method for larger "lead-in" text?

[Rob Crowther]

On 24/11/10 17:05, Rory Bernstein wrote:

Is there a way to use CSS to make the first X words of a paragraph be larger?

Not really, the closest thing to it is the :first-line pseudo element, 
but that selects everything to the end of the line, not a particular 
number of words.


http://www.w3.org/TR/CSS2/selector.html#first-line

Rob
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS method for larger "lead-in" text?

[Rory Bernstein]

Thanks, John. That would be a great solution for most cases, but I need to NOT 
have a span that wraps around the bigger text. No extra markup other than the 
 tags. I need the CSS (perhaps with the help of javascript?) to pick out X 
words, and style them bigger (of course I would write a style for that). The 
css would be like "add class .bigger" to the first X words of this paragraph" 
and then there would be a "bigger" class that gets used. 

Rory

On Nov 24, 2010, at 12:15 PM, John wrote:

> I did that with , where you surround your lead-in text with span and 
> define your class in your style sheets, like this:
> 
> Here is the lead in sentance.
> Here is the rest of the paragraph. Here is the rest of the paragraph. Here is 
> the rest of the paragraph. Here is the rest of the paragraph. Here is the 
> rest of the paragraph. Here is the rest of the paragraph. 
> 
> .firstline {
>   font-size: 150%;
>   font-weight: bolder;
> }
> 
> John


> On Nov 24, 2010, at 9:05 AM, Rory Bernstein wrote:
> 
> 
>> Is there a way to use CSS to make the first X words of a paragraph be 
>> larger? It would have to be done without marking up those words separately. 
>> As in:
>> 
>> Here's my paragraph it is short but well written.
>> 
>> I'd need to designate the first X words as being larger automatically.
> 
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS method for larger "lead-in" text?

[John]

On Nov 24, 2010, at 9:05 AM, Rory Bernstein wrote:


Is there a way to use CSS to make the first X words of a paragraph  
be larger? It would have to be done without marking up those words  
separately. As in:


Here's my paragraph it is short but well written.

I'd need to designate the first X words as being larger automatically.

Thanks,
Rory




oh, BOY!  A question I can answer!!

I did that with , where you surround your lead-in text with  
span and define your class in your style sheets, like this:



Here is the lead in sentance.
Here is the rest of the paragraph. Here is the rest of the paragraph.  
Here is the rest of the paragraph. Here is the rest of the paragraph.  
Here is the rest of the paragraph. Here is the rest of the paragraph.  



.firstline {
font-size: 150%;
font-weight: bolder;
}

or something similar...

John

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS method for larger "lead-in" text?

[Rory Bernstein]

Is there a way to use CSS to make the first X words of a paragraph be larger? 
It would have to be done without marking up those words separately. As in:

Here's my paragraph it is short but well written.

I'd need to designate the first X words as being larger automatically.

Thanks,
Rory

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how would i center this nav?

[David Laakso]

On 11/22/10 7:02 PM, Matthew P. Johnson wrote:

http://www.applegateelements.com/!cssd/vert/index.htm

Matthew P. Johnson





Try approaching it as a "division of labor" by isolating only the 
navigation menu itself on the page...


Best,
~d

--
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] archives link?

[Philip Taylor (Webmaster, Ret'd)]

How's about :

http://lists.css-discuss.org/mailman/private/css-d/

linked from

http://www.css-discuss.org/mailman/listinfo/css-d

which is in your own message's fixed trailer !

Philip Taylor

John wrote:

Is there a link to use for searching archives of this lists' threads?

If so, can someone supply it to me?


thank you,

John
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] archives link?

[John]

Is there a link to use for searching archives of this lists' threads?

If so, can someone supply it to me?


thank you,

John
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FW: Fly out Menu Help

[Alan Gresley]

On 24/11/2010 5:30 PM, Shortie Designs wrote:


Hi All - I'm very new at CSS only fly out menus - no javascript is my aim.
I've just created one and I'm having 2 issues in I.E. 7 (I can assume it's
the same in other IE browsers below and above).



IE8 is ok with this. It is IE7 an earlier that are buggy browsers but it 
is not a bug that you seeing but rather a default margin (see below).




1.   The fly out sub menu comes out but it disappears once you roll the
mouse over so you can't access the links

2.   I can see the main menu through the fly out sub menu - which
doesn't look good. I've set backgrounds to be white but this doesn't seem to
help.



I'm not sure if I need an IE hack or if I have just missed something - do I
need to set a z index (i've tried but not very successfully)



No z-index required. No hacking required.



Here's  a link to the page

http://dl.dropbox.com/u/9236012/css%20fly%20out/index.html

[snip


Sofia Woods



We have to give all browsers an area to hover that is within the top 
level list items. This is since we can position the hidden sub-menus 
differently. This is simply done by giving the links a right margin. 
This controls the width of the space between the top level menu and 
sub-menus.


ul#menu li a {
  margin-right:10px;
}


Secondly we use a different way to hide the sub-menus without affecting 
accessibility as well as zeroing out defaults. IE7 doesn't have default 
padding but rather default margin.



ul#menu li ul {
  position: absolute;
  left: -1px; /* add */
  top: 0px;
  /* display:none; delete */
  padding: 0; /* zero out default padding-start */
  margin: 0; /* zero out default margin-left for IE7- */

}


Lastly a way to reveal the sub-menu.


#menu li:hover ul{
  /* display block;  delete since we are not hiding by display: none */
  left:100%; /* Change */
}


Should work in FF and IE7+. IE6 does not support hover of any element 
other than links (ei. a:hover).



--
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/