Icons in entries and comments

[jana]

In Tabula Rasa you can choose, via the wizard, the place of icons in entries and comments (left or right). So far so good. But how do you target a left-placed (or right-placed) icon with css? If I say, for instance, .entry .userpic {float: left;}, the icon will always be placed on the left side, no matter what you specify in the wizard.

I'm working on a layout/style and I'd like to style a left-placed icon somewhat different from a right-placed icon, depending on what people prefer. Plus I'd like the entry text to wrap around the icon which is easily done with 'float: left' and 'float: right'.

Any help would be appreciated.

Comments

[ninetydegrees]

I'm not sure that's possible. AFAIK you can use HTML attributes in your selectors but not CSS itself.

I'd do this with S2.

[jana]

Ah, okay. I thought it might be something similar to how it is with the metadata (where you can use different css for metadata at the beginning of an entry and for metadata at the end of an entry).

I try not to use S2 at this point because I want to make a style completely based on css so people don't have to create a theme layer. I'm taking baby steps here ;-), but when/if I decide to submit one of my styles as an official style, then S2 is definitely the way to go.

[ninetydegrees]

Ah, okay. I thought it might be something similar to how it is with the metadata (where you can use different css for metadata at the beginning of an entry and for metadata at the end of an entry).

Specifying class names and making them change is something you can only do with S2. What we did with metadata was create an option then say if option is A then put metatdata here and use these CSS classes, and if option is B put metadata there and use these other classes.