Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Alignment in CSS style

Participant ,
Mar 01, 2017 Mar 01, 2017

Hello,

if I understand correctly, CSS styles are a copy of Character Styles, which do not contain alignment information. Only Paragraph Styles do. But Paragraph Styles are not connected in any way to CSS properties.

So, how to add text alignment in CSS styles, in order to be properly exported?

Thank you.
Harun.

1.3K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Deleted User
Mar 01, 2017 Mar 01, 2017

I'm so sorry - I was in InDesign instead of Illustrator.

You are right - Illustrator doesn't export paragraph styles.

There are no block elements at all ( div, p, h1 - h6, ol  and so on). There are only appearance properties but no semantic tags.

I think it is because this CSS feature is meant for the layout appearance only - colors and positions.

If you for example have a 2 line headline then Illustrator doesn't recognice it being a headline. Illu sees only characters with font, color and size pro

...
Translate
Adobe
Guest
Mar 01, 2017 Mar 01, 2017

Why do you think so?

CSS styles include paragraph styles.

css-text-align.gif

Fenja

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 01, 2017 Mar 01, 2017

Maybe I do not understand how actually CSS works with Illustrator. What I see in CSS Properties panel is Character Style, bot not the Paragraph Style. And when I select "Export all" from the CSS panel, no alignment info is exported. How to export even alignment info?

Screen Shot 2017-03-01 at 16.16.55.png

Screen Shot 2017-03-01 at 16.16.48.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Mar 01, 2017 Mar 01, 2017

I'm so sorry - I was in InDesign instead of Illustrator.

You are right - Illustrator doesn't export paragraph styles.

There are no block elements at all ( div, p, h1 - h6, ol  and so on). There are only appearance properties but no semantic tags.

I think it is because this CSS feature is meant for the layout appearance only - colors and positions.

If you for example have a 2 line headline then Illustrator doesn't recognice it being a headline. Illu sees only characters with font, color and size properties.

Fenja

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 01, 2017 Mar 01, 2017

Thank you. CSS in Illustrator CC is total b***shit. There is no even HTML export, this is wrong way to appeal to designers.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 17, 2017 Aug 17, 2017

The CSS Properties panel seems to ignore Paragraph Styles and only sees Character Styles. Character Styles seem to have precedence in Illustrator. Seems to me that the CSS Properties should work with both, unless I'm doing something wrong.

BTW, the Export for Web (Legacy) still can send forth an html page, although I don't know of a way to have the type live. I don't know whether you can have it export html5 or just older html4.

Anyone know better?

Mike Witherell

Mike Witherell
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 18, 2017 Aug 18, 2017

https://forums.adobe.com/people/Michael+Witherell  schrieb

BTW, the Export for Web (Legacy) still can send forth an html page, although I don't know of a way to have the type live. I don't know whether you can have it export html5 or just older html4.

It's called Legacy for a reason. It has nothing to do with modern authoring. The feature is about 15 years old and HTML5 is completely beyond its abilities.

If you want to have a decent HTML page, just don't use Save for Web (Legacy). Use a decent editor to write HTML, not Illustrator.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 18, 2017 Aug 18, 2017

Monica, do you have any insight into why paragraph styles don't make code in Illustrator?

Mike Witherell
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 20, 2017 Aug 20, 2017
LATEST

https://forums.adobe.com/people/Michael+Witherell  schrieb

Monica, do you have any insight into why paragraph styles don't make code in Illustrator?

No, I don't.

Generally type styling in Illustrator works a little differently than in other applications.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines