I get myself quite confused with h1 and h2 text and apply them to my text. I have made a style and used h1 as the tag name and Myh1 as the name. I did this by selecting an html object and clicking new in the text inspector and setting up the text as I wanted.
When I click on other html objects to apply this same style, I don’t see it in the list. I’m clearly missing something fundamental here
The h1 style can only be applied to a paragraph (entire line) of HTML text. It cannot be applied to an HTML box, or to a graphic box. Fun fact: You can wrap an H1 around an image, if that image is inline in an HTML box. This can be a way to get structural layout (using graphics) and semantic layout (using headers to denote hierarchy).
Walter
On Jan 27, 2012, at 10:23 AM, Nigel Gilbert wrote:
Hiya,
I get myself quite confused with h1 and h2 text and apply them to my text. I have made a style and used h1 as the tag name and Myh1 as the name. I did this by selecting an html object and clicking new in the text inspector and setting up the text as I wanted.
When I click on other html objects to apply this same style, I don’t see it in the list. I’m clearly missing something fundamental here
Thanks Walter. So, are you saying that need to highlight my text to apply h1 or h2? I did edit the h1 and h2 text by using edit/edit styles and setting up h1 and h2 as i wanted. If i select the text I get 3 headings in the text inspector - page, item and text. I cant seem to apply h1 or h2 this way even though I can select h1 in the drop down for the text heading? Am i misunderstanding what constitutes a paragraph?
You need to highlight a single paragraph of text (for example, get a flashing text cursor in your HTML box, then quadruple-click on any word and the entire paragraph containing that word will be selected).
If you define a style in the Styles palette, and you choose h1 as the Tag and add some descriptive word to the Name field, when you’re done, the final style should appear in your Styles list like this:
h1.fluffy
Normally, any style you create by hand using the New Style menu option will be marked Permanent. Permanent styles persist in the page even when there are no instances of that style in the site. Non-permanent styles disappear from the list when there are no cases of them anywhere in the document.
Part of the issue here is pure semantics. Freeway treats the h1 tag as if it were a style you apply to a paragraph of text to make it look differently. You apply it to a “paragraph” of text (one word on a line can be a paragraph, as long as there is a return – or no other text – before and after it) and you style it as an H1. Behind the scenes, a
tag is becoming an
tag; i.e.: a major structural change is happening in the code. But in Freeway’s design view, it’s just a “paragraph” with some different styling added.
Walter
On Jan 27, 2012, at 10:44 AM, Nigel Gilbert wrote:
Hi.
Thanks Walter. So, are you saying that need to highlight my text to apply h1 or h2? I did edit the h1 and h2 text by using edit/edit styles and setting up h1 and h2 as i wanted. If i select the text I get 3 headings in the text inspector - page, item and text. I cant seem to apply h1 or h2 this way even though I can select h1 in the drop down for the text heading? Am i misunderstanding what constitutes a paragraph?
My confusion is partly due I think to how the text is described in the text inspector pallet. If I click on the object the item heading in the text inspector description does indeed state that h1 or h2 is applied. But when i quad click the text the inspector shows the text heading but in there there is no mention of the h1 or h2 tag. just a list of styles, often saying ‘mixed styles’ as well.
h1 is a structural tag, analogous to a p or a div. If you apply a true h1 (or any other h tag) to a run of text, Freeway should alert you that it is applying that style to the entire “paragraph”, because you can’t nest an h tag inside a p tag – you can only change that p to an h1. From there, it is certainly possible to end up with mixed styles applied to the entire paragraph, because you might have applied phrase tags to a word or words inside the parent h1. Your code might look like this:
<h1>Hello <em>World!</em</h1>
Which would render as
#HelloWorld!
(I’m using Markdown above to fake the header with inline italic. This will only make sense if you’re viewing it on the Web view of this mailing list.)
You might want to select your entire run of text, and instead of looking at the Inspector, look to see which style or styles is highlighted in the Styles palette (click on the T tab).
Walter
On Jan 27, 2012, at 11:45 AM, Nigel Gilbert wrote:
Thanks Walter,
My confusion is partly due I think to how the text is described in the text inspector pallet. If I click on the object the item heading in the text inspector description does indeed state that h1 or h2 is applied. But when i quad click the text the inspector shows the text heading but in there there is no mention of the h1 or h2 tag. just a list of styles, often saying ‘mixed styles’ as well.
Sorry, I didn’t have it open when I was answering. You are correct. The T is in the Inspector, and it’s an Ay in the Styles palette. That’s the one I meant.
Walter
On Jan 27, 2012, at 1:00 PM, Nigel Gilbert wrote:
Hiya,
Thanks again. Not sure what you mean by the T tab on the Styles palette?
