Re: [css-d] Query on P:First-letter

2011-09-28 Thread Philippe Wittenbergh 

On Sep 28, 2011, at 4:54 PM, Philip TAYLOR (Webmaster, Ret'd) wrote:

> And yes, I'd love to be able to add kern-pairs in CSS, but I don't
> think CSS has evolved that far yet :-)

I personally hope it won't be possible anytime soon. Considering how text is 
handled by different OS and even by different browsers on the same OS (in terms 
of sub pixel positioning, text-smoothing, etc), I foresee a mountain of 
disasters in the making. And that is assuming all those combination actually 
use the same font. What _may_ work on one OS/browser/screen-resolution combo 
will almost certainly fail on another combination.

Fwiw, none of the kerning pairs on the two sample pages linked to in the 
original post look good on my Mac running OS X 10.6.8 (any browser), nor on the 
iPod Touch.

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






__
css-discuss [css-d@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] Query on P:First-letter

2011-09-28 Thread Jukka K. Korpela 

28.9.2011 10:54, Philip TAYLOR (Webmaster, Ret'd) wrote:


And yes, I'd love to be able to add kern-pairs in CSS, but I don't
think CSS has evolved that far yet :-)


But you _can_ do that - just use markup like
To
and CSS like
.T_before_o { margin-right: -0.15em; display: inline-block; }
:-)

Though slightly inconvenient to write by hand, this _could_ be a 
feasible approach when made programmatically (server-side or 
client-side), based on a kerning table you specify in some format and 
then have applied when processing the text.


--
Yucca, http://www.cs.tut.fi/~jkorpela/
__
css-discuss [css-d@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] Query on P:First-letter

2011-09-28 Thread Philip TAYLOR (Webmaster, Ret'd) 



Jukka K. Korpela wrote:


Since you already have markup like

Many of us

it would seem natural to put the initial letter in a classed span, making it 
trivial to refer to it in CSS. Assuming, of course, that you can affect the 
markup.


Yes, I can indeed; I was just trying to avoid overt markup
if it could be avoided.


I don't see how text-transform : uppercase on something else would be relevant to the 
issue of styling the first letter. And it seems to me that David suggested just 
_removing_ some stylesheets that you currently have (including text-transform : 
uppercase). I think red color is not particularly stylish. What you seem to be trying to 
achieve is "classical" styling where the first few words of a paragraph appear 
in small capitals (except uppercase letters as normal capitals) - and I doubt whether 
it's a good idea to add color to that.


Yes, /mea culpa/ : I have already sent a correction.


The main problem with such "classical" styling in HTML documents is that true 
small-caps are rarely supported. Although you can set font-variant: small-caps in CSS, 
you get (in almost all cases)just reduced-size uppercase letters, _not_ small-caps 
designer typographically to fit into the text. Using explicit font size reduction 
together with bolding is a nice try to work around such problems, but not without 
problems. The initial letters now have somewhat too thin lines, and if you try to fix 
that by bolding, they get too thick.


Yes, it was as close as I could get to classical styling;
certainly CSS's generation of caps-and-small-caps was just
an æsthetic disaster.


I don't quite see the point of
letter-spacing: 0.075em;
for the initial letter. If you look at e.g. the words "The", don't you think 
that the distance needs to be _reduced_ rather than increased? If you fine-tune spacing, 
then I think you would need to fine-tune it individually by character pairs, effectively 
doing things comparable to what a typographer does when deciding on kerning pairs.


It was added empirically.  Before I added that correction, it
looked decidedly worse (to my eyes).  However, that was in an
earlier version of Seamonkey (2.0.14, probably) and I do agree
that the kerning in "The" is now markedly sub-optimal.

And yes, I'd love to be able to add kern-pairs in CSS, but I don't
think CSS has evolved that far yet :-)

Philip Taylor
__
css-discuss [css-d@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] Query on P:First-letter

2011-09-28 Thread Jukka K. Korpela 

28.9.2011 10:04, Philip TAYLOR (Webmaster, Ret'd) kirjoitti:


 > See https://bugzilla.mozilla.org/show_bug.cgi?id=159403


I.e. "text-indent and :first-letter don't work with a img before the 
first letter".



Thank you, that is an interesting and useful lead. Since
I /need/ it to work in Seamonkey, I shall have to look for
a work-around until that bug gets fixed.


Since you already have markup like

Many of us

it would seem natural to put the initial letter in a classed span, 
making it trivial to refer to it in CSS. Assuming, of course, that you 
can affect the markup.


The :first-letter pseudo-element is rather trickily described in the 
specs, so bugs and differences in implementations were to be expected. 
So using extra markup, though perhaps primitive, is a practical move



David L: I will
look at your suggested replacement shortly, but earlier
experiments suggested that text-transform : uppercase
produces markedly inferior results from an æsthetic
perspective, which is why I developed the code that I posted.


I don't see how text-transform : uppercase on something else would be 
relevant to the issue of styling the first letter. And it seems to me 
that David suggested just _removing_ some stylesheets that you currently 
have (including text-transform : uppercase). I think red color is not 
particularly stylish. What you seem to be trying to achieve is 
"classical" styling where the first few words of a paragraph appear in 
small capitals (except uppercase letters as normal capitals) - and I 
doubt whether it's a good idea to add color to that.


The main problem with such "classical" styling in HTML documents is that 
true small-caps are rarely supported. Although you can set font-variant: 
small-caps in CSS, you get (in almost all cases)just reduced-size 
uppercase letters, _not_ small-caps designer typographically to fit into 
the text. Using explicit font size reduction together with bolding is a 
nice try to work around such problems, but not without problems. The 
initial letters now have somewhat too thin lines, and if you try to fix 
that by bolding, they get too thick.


I don't quite see the point of
letter-spacing: 0.075em;
for the initial letter. If you look at e.g. the words "The", don't you 
think that the distance needs to be _reduced_ rather than increased? If 
you fine-tune spacing, then I think you would need to fine-tune it 
individually by character pairs, effectively doing things comparable to 
what a typographer does when deciding on kerning pairs.


--
Yucca, http://www.cs.tut.fi/~jkorpela/
__
css-discuss [css-d@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] Query on P:First-letter

2011-09-28 Thread Philip TAYLOR (Webmaster, Ret'd) 



Philippe Wittenbergh wrote:

> Have you tested this in anything beside a Gecko browser ?

To be honest, no.  I develop using solely Seamonkey, and
only when the site renders successfully in that do I look
to see how it might render in other browsers.

> See https://bugzilla.mozilla.org/show_bug.cgi?id=159403

Thank you, that is an interesting and useful lead.  Since
I /need/ it to work in Seamonkey, I shall have to look for
a work-around until that bug gets fixed.  My thanks to all
others who also commented on this query.  David L: I will
look at your suggested replacement shortly, but earlier
experiments suggested that text-transform : uppercase
produces markedly inferior results from an æsthetic
perspective, which is why I developed the code that I posted.

Philip Taylor


__
css-discuss [css-d@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] Query on P:First-letter

2011-09-27 Thread Ingo Chao 
On Wednesday, September 28, 2011, Philippe Wittenbergh 
wrote:
>
> On Sep 28, 2011, at 9:10 AM, Ingo Chao wrote:
>
>> http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#first-letter
>> "The ::first-letter pseudo-element represents the first letter of an
>> element, if it is not preceded by any other content (such as images or
>> inline tables) on its line."
>
> Yes, but... what with a floated image ?
> http://dev.l-c-n.com/_temp/first-letter-img.html
>
> IE 9, WebKit and Opera style the first-letter in the 3rd and 4th
paragraph. Gecko does not
>
> Philippe

Ah. Did not had a look into that page, sorry. A floated image does not sit
on the linebox where the first letter lives in. The presence of the float
just shortens the linebox.

However, the phrase " on its line " is a bit difficult, since the float spec
uses a similar phrase "on the same line" for a different thing:
http://www.w3.org/TR/CSS2/visuren.html#floats
"The IMG box is floated to the left. The content that follows is formatted
to the right of the float, starting on the same line as the float."

Ingo



Ingo
__
css-discuss [css-d@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] Query on P:First-letter

2011-09-27 Thread Philippe Wittenbergh 

On Sep 28, 2011, at 9:10 AM, Ingo Chao wrote:

> http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#first-letter
> "The ::first-letter pseudo-element represents the first letter of an
> element, if it is not preceded by any other content (such as images or
> inline tables) on its line."

Yes, but... what with a floated image ?
http://dev.l-c-n.com/_temp/first-letter-img.html

IE 9, WebKit and Opera style the first-letter in the 3rd and 4th paragraph. 
Gecko does not

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






__
css-discuss [css-d@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] Query on P:First-letter

2011-09-27 Thread David Laakso 

On 9/27/11 7:29 PM, Philip TAYLOR (Webmaster, Ret'd) wrote:

Could anyone explain why the leading "M" of the following paragraph :

Philip Taylor




Dunno. But, this will do...:-)

/*SPAN.Keyphrase {text-transform: uppercase; font-size: 1.4ex; 
font-weight: bold; letter-spacing: 0.075em; color: red}  delete */

/*DIV.Content P:first-letter {color: red; letter-spacing: 0.075em} delete */

Best,
Someyoungguy
Hanoi




--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.com/

__
css-discuss [css-d@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] Query on P:First-letter

2011-09-27 Thread Ingo Chao 
On Wednesday, September 28, 2011, Philip TAYLOR (Webmaster, Ret'd) <
p.tay...@rhul.ac.uk> wrote:
> Could anyone explain why the leading "M" of the following paragraph :
>
>Many of us are lucky
enough to take anaesthesia for granted. Surely a world without safe
anaesthesia has long been confined to the history books ?  Not in
the developing world, where hospitals lack suitable equipment, medicines and
trained staff.
>
> is not matched by this CSS rule :
>
>DIV.Content P:first-letter {color: red; letter-spacing: 0.075em}
>
> ...

http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#first-letter
"The ::first-letter pseudo-element represents the first letter of an
element, if it is not preceded by any other content (such as images or
inline tables) on its line."

The first-letter CSS3 spec is a quite interesting read. I did not know this:
"The first letter must occur on the first formatted line. For example, in
this HTML fragment: First... the first line doesn't contain any
letters and ::first-letter doesn't match anything (assuming the default
style for br in HTML 4). In particular, it does not match the "F" of
"First.""

Ingo
__
css-discuss [css-d@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] Query on P:First-letter

2011-09-27 Thread Philippe Wittenbergh 

On Sep 28, 2011, at 8:29 AM, Philip TAYLOR (Webmaster, Ret'd) wrote:

> Could anyone explain why the leading "M" of the following paragraph :
> 
>src="Resources/Images/Photographs/Web/Scaled/240/Infant-Uganda.001.jpg" 
> longdesc="../Resources/Images/Photographs/Web/Longdesc/Infant-Uganda-001.html"
>  alt="Ugandan infant in a laundry basket" width="320" height="240">Many of us are lucky enough 
> to take anaesthesia for granted. Surely a world without safe anaesthesia has 
> long been confined to the history books ?  Not in the developing 
> world, where hospitals lack suitable equipment, medicines and trained 
> staff.
> 
> is not matched by this CSS rule :
> 
>   DIV.Content P:first-letter {color: red; letter-spacing: 0.075em}
> 
> whereas the leading "M" of the following paragraph is ?
> 
>   Many of us 
> are lucky enough to take anaesthesia for granted. Surely a world without safe 
> anaesthesia has long been confined to the history books ?  Not in 
> the developing world, where hospitals lack suitable equipment, medicines and 
> trained staff.
> 
> The obvious difference is that an  element intervenes,
> but should that really cause the "M" not to be classed as
> the first /letter/ of the paragraph ?

Have you tested this in anything beside a Gecko browser ?
See https://bugzilla.mozilla.org/show_bug.cgi?id=159403

WFM in WebKit and Opera.

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






__
css-discuss [css-d@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] Query on P:First-letter

2011-09-27 Thread Philip TAYLOR (Webmaster, Ret'd) 

Could anyone explain why the leading "M" of the following paragraph :

Many of us are lucky enough to take anaesthesia for granted. Surely a world 
without safe anaesthesia has long been confined to the history books ?  Not in the developing world, where hospitals lack suitable equipment, medicines and trained staff.

is not matched by this CSS rule :

DIV.Content P:first-letter {color: red; letter-spacing: 0.075em}

whereas the leading "M" of the following paragraph is ?

Many of us are lucky 
enough to take anaesthesia for granted. Surely a world without safe anaesthesia has long been confined to the history 
books ?  Not in the developing world, where hospitals lack suitable equipment, medicines and trained 
staff.

The obvious difference is that an  element intervenes,
but should that really cause the "M" not to be classed as
the first /letter/ of the paragraph ?

Live URLs for those wishing to investigate further :

With intervening image : http://safe4all.org.uk/Index-images.html
(Valid HTML 4.01 Strict, valid CSS Level 3,
one error at CSS Level 2.1)

Without intervening image : http://safe4all.org.uk/Index.html
(Valid HTML 4.01 Strict, valid CSS Level 3,
one error at CSS Level 2.1)

Philip Taylor



__
css-discuss [css-d@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] Query

2007-10-05 Thread Philippe Wittenbergh 

On Oct 6, 2007, at 1:07 AM, JT Neville wrote:

> Hi Philippe (sorry about the direct reply), I had that tag assigned  
> originally and it doesn't work either.

with the correct syntax:
background: url(/images/kraken-head-logo.jpg) no-repeat transparent top;
in /common/kraken.css

It works perfectly fine in Camino/Firefox/WebKit/Safari/Opera/IE7  
when testing from my local dev server.

> And Ian I was under the impression that a leading '/' was the  
> indicator to force the browser to map from the context root, so ../  
> shouldn't be required in this format.   Do I have that right?

Correct.

PS - I usually write the value for 'background' as
background: transparent url(/images/kraken-head-logo.jpg) no-repeat top;
that is [background-color] [background-image] [background-repeat]  
[background-position],
but that is just because I find it more readable.

Philippe
---
Philippe Wittenbergh





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

Re: [css-d] Query

2007-10-05 Thread JT Neville 
Hi Philippe (sorry about the direct reply), I had that tag assigned originally 
and it doesn't work either.  I've gone through more than a few iterations of 
code.  I did find a few comments on other css boards regarding how improperly 
coded tags impacted image display so your validator suggestion should help a 
lot.
 
>>background: url(/images/kraken-head-logo.jpg)
 
so will go use the validator link now to see what it returns.  Thanks  =)
 
And Ian I was under the impression that a leading '/' was the indicator to 
force the browser to map from the context root, so ../ shouldn't be required in 
this format.   Do I have that right?
 
JT




> #tab1 {
>
>...
>
> background-image: url(/images/kraken-head-logo.jpg)
> no-repeat transparent top;
>
> ...
> }
>
> But the image doesn't show.

Invalid syntax [1].
You probably want
'background: url() no-repeat transparent top'
instead of what you have

A quick trip to the CSS validator would have told you that.


[1] 

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

Re: [css-d] Query

2007-10-05 Thread Ben Clarke 
Exactly, Phillipe is correct:

background: transparent url(images/kraken-head-logo.jpg) no-repeat top;

or:

background-color: transparent;
background-image: url(images/kraken-head-logo.jpg);
background-repeat: no-repeat;
background-position: top;

Ben


On 10/5/07, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote:
>
>
> On Oct 5, 2007, at 10:44 PM, Ian Piper wrote:
>
> > What is wrong with that syntax? I thought it looked OK:
> >
> > http://www.w3.org/TR/CSS21/colors.html#propdef-background-image
> >
> > Yours is missing a trailing ";" BTW.  :-)
>
> The original in http://release.the-kraken.com/common/kraken.css has
>
>   background-image:
> --^
> but adds all the background values (-position, -image, -color, -
> repeat) (aka shorthand for the 'background' property).
>
> And no, I don't need to add the ';'
> (except if you need to add additional property/value pairs in the
> ruleblock).
>
> Philippe
> ---
> Philippe Wittenbergh
> 
>
>
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
Ben Clarke
www.benclarke.biz
http://benclarke.biz/blog/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Query

2007-10-05 Thread Philippe Wittenbergh 

On Oct 5, 2007, at 10:44 PM, Ian Piper wrote:

> What is wrong with that syntax? I thought it looked OK:
>
> http://www.w3.org/TR/CSS21/colors.html#propdef-background-image
>
> Yours is missing a trailing ";" BTW.  :-)

The original in http://release.the-kraken.com/common/kraken.css has

  background-image:
--^
but adds all the background values (-position, -image, -color, - 
repeat) (aka shorthand for the 'background' property).

And no, I don't need to add the ';'
(except if you need to add additional property/value pairs in the  
ruleblock).

Philippe
---
Philippe Wittenbergh





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

Re: [css-d] Query

2007-10-05 Thread Ian Piper 
On 5 Oct 2007, at 2:11 pm, Philippe Wittenbergh wrote:

> Invalid syntax [1].
> You probably want
> 'background: url() no-repeat transparent top'
> instead of what you have
>
> A quick trip to the CSS validator would have told you that.
> 
>
> [1] 
>

What is wrong with that syntax? I thought it looked OK:

http://www.w3.org/TR/CSS21/colors.html#propdef-background-image

Yours is missing a trailing ";" BTW.  :-)


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

Re: [css-d] Query

2007-10-05 Thread Ian Piper 
Should it be

background-image: url(../images/kraken-head-logo.jpg)

I.e. ".." in front to enforce the location of the images folder?


Ian.
--


On 5 Oct 2007, at 6:36 am, JT Neville wrote:

> Ok, I've googled my tuckus off on this and I know I'm missing  
> something
> simple but I can't crack it.
>
>
>
> So the code is:
>
>
>
> Foo
>
>
>
> And the css is:
>
>
>
> #tab1 {
>
> border: 1px solid #711515;
>
> border-top: none;
>
> padding: 10px 5px 6px 5px;
>
> background-image: url(/images/kraken-head-logo.jpg)
> no-repeat transparent top;
>
> width: 466px;
>
> height: 481px;
>
> }
>
>
>
> But the image doesn't show.  It used to in IE6/7 but never in FF.  Now
> it never shows.  I can't tell you what I changed during FF testing  
> that
> completely broke it.  I've checked my syntax and even deleted all
> extraneous tags only keeping the image one, but still the picture
> refuses to appear.
>
>
>
> Can someone with another set of eyes tell me what I've done wrong?
>
>
>
> In the wild, this code is sitting at the test domain:
> release.the-kraken.com =)Sorry for the newb question but it is  
> what
> it is.
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

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

Re: [css-d] Query

2007-10-05 Thread Philippe Wittenbergh 

On Oct 5, 2007, at 2:36 PM, JT Neville wrote:

> Foo
>
> And the css is:
>
> #tab1 {
>
>...
>
> background-image: url(/images/kraken-head-logo.jpg)
> no-repeat transparent top;
>
> ...
> }
>
> But the image doesn't show.

Invalid syntax [1].
You probably want
'background: url() no-repeat transparent top'
instead of what you have

A quick trip to the CSS validator would have told you that.


[1] 

Philippe
---
Philippe Wittenbergh





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

[css-d] Query

2007-10-05 Thread JT Neville 
Ok, I've googled my tuckus off on this and I know I'm missing something
simple but I can't crack it.

 

So the code is:

 

Foo

 

And the css is:

 

#tab1 {

border: 1px solid #711515;

border-top: none;

padding: 10px 5px 6px 5px;

background-image: url(/images/kraken-head-logo.jpg)
no-repeat transparent top;

width: 466px;

height: 481px;

}

 

But the image doesn't show.  It used to in IE6/7 but never in FF.  Now
it never shows.  I can't tell you what I changed during FF testing that
completely broke it.  I've checked my syntax and even deleted all
extraneous tags only keeping the image one, but still the picture
refuses to appear.

 

Can someone with another set of eyes tell me what I've done wrong?

 

In the wild, this code is sitting at the test domain:
release.the-kraken.com =)Sorry for the newb question but it is what
it is. 

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