Re: [css-d] Styling an RSS feed { #rss: bother; }

[Rakesh Pai]

If I'm not mistaken, you should be able to style RSS feeds much like
you style any HTML document. Except, since you don't have a 'handle'
on every individual element, your styles will at best be generic and
apply to all the elements in the same way. Or of course, you could use
the 2.1 pseudo-classes like :first-child and stuff to target specific
elements.

Chris, I think what you are looking for is element selectors? Or have
I just understood everything wrong. You should be able to use
something like:

title {
font-size: 2em;
font-weight: bold;
}

Also, I'm a bit confused about how you will  the stylesheet
in. But you seem to have figured that out already.


-- 
Rakesh Pai
Mumbai, India.
[EMAIL PROTECTED]
http://piecesofrakesh.blogspot.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] drop-down menu items not holding

[Mary Jo Sinner Savageau]

> Can someone tell me why my drop-down menus are not holding in IE7?
>
> http://ecologic.taopowered.net/templates/index5a.htm
>

I should also add the the drop-down menus also are not holding in Firefox or 
Opera ...
Can anyone help figure this out?

Here's the CSS for the #nav:

#nav { zoom:1; border-bottom: 1px solid #9c9; border-right: 1px solid #9c9; 
border-left: 1px solid 
#9c9; } /* hadLayout trigger for IE */
#nav, #nav ul { padding: 0 0 .2em; margin: 0 0 0 .8em; list-style-image: none; 
list-style: none; 
line-height: 1; z-index:1; background-color: #fff; text-align: center; }
#nav li { /* all list items */ float: left; width: auto; margin: 0; padding: 0 
9px; }
#nav li a {display: block; text-align: left; text-decoration: none; color: 
#069;  padding: 1px;}
#nav li a:hover { color: #fff; padding: 1px; background: #369; }
#nav li li {width: 10em; padding: 8px 0px 0px 3px}
#nav li ul { position: absolute; width: 10em; left: -999%; border-top: 0px ; 
border-right: 1px solid 
#9c9; border-bottom: 1px solid #9c9; border-left: 1px solid #9c9;}
#nav li:hover li ul, #nav li li.sfhover ul { /* lists nested under hovered list 
items */ 
left: -999%; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover 
ul, #nav li 
li.sfhover ul, #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav 
li li.sfhover ul { 
left: auto; margin-left: -.3em; margin-top: .2em;}
#nav li li:hover ul { /* third-and-above-level lists */  left:10em; margin: 
-1em 0 0 0 }
#nav:after { /* easy clearing method */ content: "."; display: block; height: 
0; clear: both; 
visibility: hidden;}


Mary Jo 

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

Re: [css-d] Styling an RSS feed { #rss: bother; }

[Brian Cummiskey]

Christopher Blake wrote:
>
> If you can't see what the names of the IDs and CLASSs  are from the  
> HTML (because the javascript is all that you can see) how the hell  
> are you supposed to style them


Chris, i think the real issue here is how you are aggregating the feed 
itself.


You should be using some sort of XML parser to split the , 
, and so on, and then use your OWN html/css to style the result 
on your page.
perhaps something like this is what you are after:
http://www.feedforall.com/download/rss2html.zip

Thus, I would deem this off topic for css-d, as once you have your own 
template powering it, you can mark it up how you see fit, including styles.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Styling an RSS feed { #rss: bother; }

[Christopher Blake]

HI,

Having added an RSS feed to a site (via an online javascript feed  
reader) and managed to style it into the page, I now have another  
site importing an unstyled RSS feed. I don't want to spend as long as  
I did before, trying to guess what the elements  are called before  
adding the css.

Site that I styled rss feed on before: http://www.neilparishmep.org.uk/

The site that I now have an unstyled rss feed on: http://www. 
3pointdesign.com/ (click "News" header to see the feed.)

My question is:

If you can't see what the names of the IDs and CLASSs  are from the  
HTML (because the javascript is all that you can see) how the hell  
are you supposed to style them

I am not interested in whether you should or shouldn't style rss  
feeds. I wonder if the same problem occurs using frames. How can you  
apply a style to an element that you can't name? OR is there an  
informed way to guess, or a method to it?

Sorry if the question seems odd. But css = css, even if i'm styling  
elements that I didn't code myself. I'm interested to hear peoples  
views on this matter.

#chris{
thankyou for: reading;
}


Chris Blake: Visit my Website at 3 Point
contact | [EMAIL PROTECTED] - 07816163420 | aim - blakeybounce  
| msn - [EMAIL PROTECTED]

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

Re: [css-d] IE problem and liquid layout

[David Hucklesby]

On Sun, 22 Jul 2007 11:51:55 -0700 (PDT), JGardner wrote:
> Hi,
> I have a major problem with a page appearing correctly in Firefox but not IE 
> 6.  You
> can see the page here - 
> http://webtech.tstc.edu/students/gardnerj/IMED2311/UF2/index.htm
>
Hi Jennifer,

If you increase the font size in Firefox (Ctrl +) you will see what
I am seeing in Opera and, apart from the displaced #news DIV, the same
is true of IE7. That's because factory settings on my notebook (120 DPI)
makes the default "medium" font size 25% larger in IE and Opera.

Your design seems to me to be over-constrained. This is a common
problem when major structural elements are positioned absolutely.

I suggest you look at some float layouts that self-adjust to the amount
of content. The css-d Wiki[1] is a good place to start. Max Design[2]
has some samples and good tutorials; if you learn better by example,
Layout Gala[3] may help as well.


[1] 
[2] 
[3] 

Cordially,
David
--


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

[css-d] IE problem and liquid layout

[JGardner]

Hi,
I have a major problem with a page appearing correctly in Firefox but not IE 6. 
 You can see the page here - 
http://webtech.tstc.edu/students/gardnerj/IMED2311/UF2/index.htm

Also, I am wanting the page to be liquid or fluid (not sure what the correct 
terms is).  Right now, I have to manually adjust the position of the white 
content box, based on the height of the gray news & announcements box.  This 
won't work as every time content is added to the gray box I would have to go 
change the position of main white content box. Also, if different  pages have 
different  different content in the gray box, every page would need a 
differently positioned white content box.

I hope this makes sense and that there is a solution.  

TIA,
Jennifer






   

Pinpoint customers who are looking for what you sell. 
http://searchmarketing.yahoo.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] selector for missing attribute?

[Bruno Fassino]

Trevor Nichols wrote:
>
> Rats. Almost all our tables have left aligned column
> headings, and I hoped to make that the default so that
> alignment only needed specifying occasionally.

Not sure if this solves your problem but (in addition to Jukka's suggestion
for good browsers) you could feed IE6 a so called CSS expression:

th { text-align: expression(this.align ? this.align : 'left'); }

This sets the CSS text-align property to:
 - 'left'  if the align attribute is not set (not present in the markup),
 - to the value of the align attribute otherwise.

Especially if you care validation is better to hide that rule in a
conditional comment, and all warnings about "expressions" apply (they are
probably disabled is cases of high security settings.)

Bruno

[1] http://msdn2.microsoft.com/en-us/library/ms537634.aspx

--
Bruno Fassino http://www.brunildo.org/test

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

Re: [css-d] CSS shorthand

[Jukka K. Korpela]

On Sun, 22 Jul 2007, Sam Brown wrote:

> Less characters means less data being transferred, but I generally
> consider that to be a negligible difference. For me, I feel shorthand
> can enhance readability (along with formatting of the CSS in general).

They can, though people probably use them just to save typing.

Readability is a difficult issue, especially when you consider the 
question whether people understand the code _correctly_. Consider this:

background: yellow;

Now, how many authors using CSS really understand what properties the 
declaration sets? How many of them would actually be surprised at the fact 
that it nullifies the effect of a preceding setting for background-image?

> In the end, I feel the use of shorthand is mostly subjective. If it's
> beneficial to you and your clients, then it's probably a good/safe
> application of CSS shorthand.

Generally, yes. But I'm afraid the statement is too general to be 
particularly useful.

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

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

Re: [css-d] CSS shorthand

[Sam Brown]

jc> What is the main purpose of using shorthand?  Does it speed up
jc> loading time?

Less characters means less data being transferred, but I generally
consider that to be a negligible difference. For me, I feel shorthand
can enhance readability (along with formatting of the CSS in general).

In the end, I feel the use of shorthand is mostly subjective. If it's
beneficial to you and your clients, then it's probably a good/safe
application of CSS shorthand.

-- 
Sam
mailto:[EMAIL PROTECTED]

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

Re: [css-d] selector for missing attribute?

[Trevor Nicholls]

Thank you Jukka & Joe for your answers

>>
The remaining problem is that on browsers that do not support attribute 
selectors, such as IE 6 and earlier, the style sheet would make _all_ th 
elements left-aligned. Thus, this might be one of (rare) cases where some 
trick for hiding the first rule from such browsers might be in order. I 
think it would be sufficient to use a "conditional comment"; see
http://www.quirksmode.org/css/condcom.html for the techniques.
On the other hand, then IE 6 would obey the align attributes but follow
its own defaults, centering  elements that lack an align attribute.
>>

Rats. Almost all our tables have left aligned column headings, and I hoped
to make that the default so that alignment only needed specifying
occasionally.
On the other hand, if IE doesn't respect attribute selection, it's all a bit
pointless (the HTML is displayed by the end-user application in a browser
subcomponent which is - currently - IE).

Maybe the best solution is an XSL pass to fill in all the defaults...

Cheers
Trevor

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

[css-d] CSS shorthand

[jana coyle]

Thanks for your suggestions.  As you can tell I am new to the CSS world.  I am 
using Dreamweaver to design then learning how to fix the code manually.  

What is the main purpose of using shorthand?  Does it speed up loading time?

Thanks again,
Kevin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] selector for missing attribute?

[Joe Schmitt]

Good point.
I've stopped using HTML attributes where ever possible, so it didn't occur
to me.
I would've used something like:


caption, th, td {
 text-align: left;
}
.center {
 text-align: center;
}
.right {
 text-align: right;
}



   This is a table
   
heading
heading
   
   
data
data
   
   
data
data
   


Joe
- Original Message - 
From: "Jukka K. Korpela" <[EMAIL PROTECTED]>
To: 
Sent: Sunday, July 22, 2007 3:52 AM
Subject: Re: [css-d] selector for missing attribute?


> On Sun, 22 Jul 2007, Joe Schmitt wrote:
>
> > caption, th, td {
> > text-align: left;
> > }
> >
> > Now all browsers (including IE) will left align the "th" elements as the
> > default.
>
> They will, but this works all too well: align attributes in HTML markup
> will not override it. By the CSS cascade rules - and browsers follow them
> in this respect - presentational HTML attributes will be mapped
> (internally by a browser) to CSS rules that have the lowest possible
> specificity.
>
> -- 
> Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> 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
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] selector for missing attribute?

[Jukka K. Korpela]

On Sun, 22 Jul 2007, Joe Schmitt wrote:

> caption, th, td {
> text-align: left;
> }
>
> Now all browsers (including IE) will left align the "th" elements as the
> default.

They will, but this works all too well: align attributes in HTML markup 
will not override it. By the CSS cascade rules - and browsers follow them 
in this respect - presentational HTML attributes will be mapped 
(internally by a browser) to CSS rules that have the lowest possible 
specificity.

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

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

Re: [css-d] selector for missing attribute?

[Jukka K. Korpela]

On Sun, 22 Jul 2007, Trevor Nicholls wrote:

> I must be wrong, because it’s surely a basic feature, but it seems that it
> is not possible to define a selector which matches elements which *don’t*
> have a particular attribute.

You're wrong in assuming that you must be wrong. :-)

It is not possible to define such a selector in CSS as currently defined. 
There is, however, the :not() selector in the CSS 3 Selectors draft, and 
this selector has some support, see
http://www.css3.info/modules/selector-compat
but _not_ (no pun intended!) in IE.

> I am taking HTML which contains alignment attributes on table cells where
> the originating software considers this appropriate, e.g.
  ...
>heading
  ...
> The alignment attributes are generated with the assumption that all table
> cells and headings are left-aligned by default, but this leads to an issue
> with the default behaviour of IE (which is to left-align  elements, but
> center  elements).

It's an odd assumption, because the default is to center  elements
a) in all browsers that I ever tested
b) according to the sample style sheets for HTML in CSS specs
c) according to HTML specs, though non-normatively: HTML 4.01 says:
"Note. Visual user agents typically render TH elements vertically and 
horizontally centered within the cell and with a bold font weight."

> So I want to style this with something like
>
>  tr[^align], th[^align] {
>text-align: left;
>  }
>  tr[align], th[align] {
>text-align: attr(align);
>  }
>
> where the [^align] piece means select elements which do NOT have an align
> attribute. There doesn't seem to be such a construct in CSS.

Technically, you could use

th:not([align]) { text-align: left; }

and this works e.g. on Firefox.

However, you get a much better coverage by using a somewhat clumsier but 
"positive" approach:

th { text-align: left; }
th[align=center] { text-align: center; }
th[align=right] { text-align: right; }
th[align=justify] { text-align: justify; }

That is, your style sheet specifies that the elements be left-aligned, 
except when it has an align attribute, in which case that attribute is 
obeyed. (This should suffice, since the only text-align values not covered 
this way, namely string values, are not supported by any browser.)

The remaining problem is that on browsers that do not support attribute 
selectors, such as IE 6 and earlier, the style sheet would make _all_ th 
elements left-aligned. Thus, this might be one of (rare) cases where some 
trick for hiding the first rule from such browsers might be in order. I 
think it would be sufficient to use a "conditional comment"; see
http://www.quirksmode.org/css/condcom.html for the techniques.
On the other hand, then IE 6 would obey the align attributes but follow
its own defaults, centering  elements that lack an align attribute.

> 2. Is it valid to define text-align: attr(align) as in the code above?

No.

> All the examples I have seen restrict the use of attr() to defining 
> "content:".

That's also how CSS specifications restrict it.

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

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

Re: [css-d] selector for missing attribute?

[Joe Schmitt]

Two and a half questions:
1. Is there a construct which I can use for an undefined attribute?
2. Is it valid to define text-align: attr(align) as in the code above? All
the examples I have seen restrict the use of attr() to defining "content:".

The half question:
a. If the answer to both the foregoing is No, how would you recommend coding
this requirement in CSS?


Hi Trevor,

1. I don't think so.

2. The w3c site has guides showing specs for the different versions of CSS:
http://www.w3.org/Style/CSS/#specs

Here is the link to the spec for text-align in CSS 2.1:
http://www.w3.org/TR/CSS21/text.html#alignment-prop

The only valid attributes are:
left | right | center | justify

Suggested fix:
You can set a default position at the beginning of your CSS file:

caption, th, td {
 text-align: left;
}

Now all browsers (including IE) will left align the "th" elements as the
default.

Here is a detailed discussion of the concept:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
http://meyerweb.com/eric/thoughts/2007/05/15/

Joe


- Original Message - 
From: "Trevor Nicholls" <[EMAIL PROTECTED]>
To: 
Sent: Sunday, July 22, 2007 2:01 AM
Subject: [css-d] selector for missing attribute?


Hi

I must be wrong, because it's surely a basic feature, but it seems that it
is not possible to define a selector which matches elements which *don't*
have a particular attribute.

I am taking HTML which contains alignment attributes on table cells where
the originating software considers this appropriate, e.g.

  
   This is a table
   
heading
heading
   
   
data
data
   
   
data
data
   
  

The alignment attributes are generated with the assumption that all table
cells and headings are left-aligned by default, but this leads to an issue
with the default behaviour of IE (which is to left-align  elements, but
center  elements).

So I want to style this with something like

  tr[^align], th[^align] {
text-align: left;
  }
  tr[align], th[align] {
text-align: attr(align);
  }

where the [^align] piece means select elements which do NOT have an align
attribute. There doesn't seem to be such a construct in CSS.

Two and a half questions:
1. Is there a construct which I can use for an undefined attribute?
2. Is it valid to define text-align: attr(align) as in the code above? All
the examples I have seen restrict the use of attr() to defining "content:".

The half question:
a. If the answer to both the foregoing is No, how would you recommend coding
this requirement in CSS?


Cheers
T

Trevor Nicholls
Casting the Void


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
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
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/