[Pro] Style Tags?

I’ve been using CSS style tags for sometime now, but after having some issues with trying to integrate my site with Perch, I’m wondering if I have these setup right.

Basically, all of my custom tags have been setup with no tag. In other words, the “Tag” field in the Edit Style dialog box is blank. Should I be selecting a Tag from the pulldown menu for each of the custom styles I setup and why?

Also, instead of using the “p” tag for most of my body copy I’ve setup a style called “body” with no Tag. I’m pretty sure I picked up this approach from a Freeway Pro template. Is that considered bad CSS coding and if so should I simply use the “p” tag or setup a style called “p.body” instead of “body”?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Any thoughts on this?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The simple answer is that styles can be applied to specific html tags ( p,
h1, h2, h3, body, html, div, table, and so on…) or they can be applied as a
class style. The Tag window in the Style Editor is for making styles that
apply to specific html tags (or very complex situations) and the Name
window is for making styles that are applied as a class. Most of Freeway
Pro’s styles are class styles and are made for you by the program, but you
can make them yourself within the Style editor. BUT, you have to know a
couple tricks to make Freeway behave*.

You could make a style called p.body in the Tag window, but then Freeway
would never let you apply it to anything**. A better way would be to type
it in the Name (class) window without the p tag – just body. Actually,
since there is an html tag already with that name, let’s call it
bodycopyto avoid confusion. Then use the Style Editor interface to
give your style
the attributes you want. Then in the Page window select the type you want
styled this way and click on the bodycopy style in the Styles palette to
apply it.

There’s still a catch***. Freeway applies text styles in two different
ways… either as an isolated span of text (like a few words) or as a
complete block of text (like the whole line or paragraph). To make Freeway
apply your style as a block, just make sure you set a paragraph style
attribute in the Paragraph pane of the Style Editor. My favorite is the *
Align* attribute, since left is already assumed and formally setting it
never hurts. This way, when you insert your cursor into a line or
paragraph, Freeway styles the whole block. Just remember that if your goal
is to style only a portion of a line or paragraph, then you cannot have any
paragraph style attributes chosen for the style. Unless you like
frustration.****

With the previous method, you still must select each block of text you wish
to style and manually apply it. Another way***** to style your text would
be to style the existing p tag which is already defined in the Style
Editor. This will have the effect of styling ALL paragraph text in your
document without you having to apply anything. Then you would apply a class
style to the exceptions to over-ride the p tag style.

Remember that I said there is already an html element called body? Well, *
body* refers to the tag which is the section of html that holds
the content structure. If you create a body tag style, it will not only
affect all paragraph text, but ALL text in your site, period!******

Open the Style Editor and create a new style. In the Tag window type body
and then tab over to the Name window and delete Freeway’s automatic naming.
Press tab again to make sure Freeway takes the hint. Now set your font
attributes and check your results in the Preview window… Congratulations,
you’ve just made a tag style!*******


Ernie Simpson

*bring a club, you will need it.
**at least without an action or two, or some hand-coding.
***you will hear this a lot in any explanation of CSS and Freeway Pro.
****get used to it. :frowning:
*****there is always another way with CSS. Count on at least two or three.
******unless of course countered by a different class or tag style.
*******page code is fiddley and caution must always be exercised with
certain tag styles. As always, I cannot be held responsible for anything
you do with your computer software or hardware, or any damages real or
imagined that you may incur as a result of anything may or may not have
said. Use of CSS, HTML, Web standards and Freeway Pro have all been proven
to cause headaches in most web designers. This is a natural result of the
brain becoming larger with learning in general. Users suffering from
learning pains are advised to chuck out some of the old knowledge and make
room for new ideas. See the FreewayTalk forum if symptoms persist. Freeway
and Freeway Pro are registered trademarks of Softpress Systems, which is
what their lawyers keep telling me.

On Mon, May 28, 2012 at 3:23 PM, RavenManiac email@hidden wrote:

I’ve been using CSS style tags for sometime now, but after having some
issues with trying to integrate my site with Perch, I’m wondering if I have
these setup right.

Basically, all of my custom tags have been setup with no tag. In other
words, the “Tag” field in the Edit Style dialog box is blank. Should I be
selecting a Tag from the pulldown menu for each of the custom styles I
setup and why?

Also, instead of using the “p” tag for most of my body copy I’ve setup a
style called “body” with no Tag. I’m pretty sure I picked up this approach
from a Freeway Pro template. Is that considered bad CSS coding and if so
should I simply use the “p” tag or setup a style called “p.body” instead of
“body”?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Wow! Thanks for the time you put into that answer.

My main reason for opening this discussion was because I needed to style some text in Perch, but it seemed like Perch only recognized the styles with p, h1, h2, h3, body, html, div, table, etc. What are those tags called again?

Anyway, I’ve since been able to create an external stylesheet, which will solve my problem—I think. :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Any of the html Tag styles you make in Freeway Pro WILL publish to your
stylesheet… however most class styles will not if Freeway doesn’t think
they are being used, as with a CMS. But here is a trick to make Freeway Pro
publish them anyway…

Set up an orphan page in your site that has no links in or out. Put some
html boxes with any random type and style it with the styles you want to
publish for your cms. Don’t worry about looks or formatting as no one will
ever see this page. Freeway Pro doesn’t know that, so it will publish the
styles to your stylesheet and when your cms fills your other pages with
content, they will use your Freeway Pro stylesheet to style it.

I’ve not used Perch, but I use Wordpress. When I am wanting to style
something in particular, I spend some time with the page code that WP
generates. Once you find the part you want to target with your style, you
can see what tags are there and maybe get ideas how to write your CSS in
Freeway Pro to target them.


Ernie Simpson

On Mon, May 28, 2012 at 10:26 PM, RavenManiac email@hiddenwrote:

Wow! Thanks for the time you put into that answer.

My main reason for opening this discussion was because I needed to style
some text in Perch, but it seemed like Perch only recognized the styles
with p, h1, h2, h3, body, html, div, table, etc. What are those tags called
again?

Anyway, I’ve since been able to create an external stylesheet, which will
solve my problem—I think. :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options