[Pro] h1 Styling and Position within Body

I have a HTML item with a h1 tag assigned on each of my pages. I have used Edit Style to edit the h1 style to match the rest of my page text, however when i view the page in the browser the h1 text is not displayed as based on the h1 tag style, within the page source there is the line

Glandore Harbour Yacht Club

and i am assuming that the class f-lp has something to do with the difference in the style but do not know enough about HTML to fix this problem… The other point is that i assume it is good practice to get the h1 tag’s as near the top of the body as possible?
Thanks

John


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

Hi John -

On styles…
“f-lp” is a style that Softpress has coded into how Freeway Pro handles
some situations
, like a first or last paragraph. The style is set with a *
margin-bottom* attribute of 0px, which would remove any extra space from
beneath whatever it is applied to. Usually these styles are harmless and
can be ignored, but it is important to know how Freeway is writing that
style code
. To better diagnose your problem I will need to see that
information. One way of giving me what I need is to open your external css
file
with the text editor, find the *h1 style *and copy/paste that into
your reply so I can see how it is written. Better still, if you have or can
publish and upload a page where you see the problem, paste the link to it
in your reply and I can track down that information and any other factors
that may interfere with your style.

On semantics…
Semantics is a word used to describe* *the philosophy that page
structure itself has meaning
. We are used to visually implying the
meaning of content - size, color, style, position… but we also use these
things to create visual decoration. Imagine an internet that searched
content visually while also separating artistic intent from actual meaning…
such a thing would be impossible. So the problem for modern designers is
how to make content searchable and meaningful beyond mere visuality. The
solution is to separate decoration from content (CSS) and build meaning
into the page structure itself (HTML). In my practice, if your page makes
sense without styles, then you have good, solid, searchable content.

I could go on, but there are better resources out there. Kinda old now, but
still my faves for initiates are the Dan Cederholm books, Bulletproof Web
Design
, and Web Standards Solutions.

Also, if any of the Softpress elves have made it this far – are there any
published documentation on those extra styles you guys make Freeway Pro
write for us, like the f-lp, etc.???


Ernie Simpson

On Sun, Jun 3, 2012 at 9:09 AM, ejw email@hidden wrote:

I have a HTML item with a h1 tag assigned on each of my pages. I have used
Edit Style to edit the h1 style to match the rest of my page text, however
when i view the page in the browser the h1 text is not displayed as based
on the h1 tag style, within the page source there is the line

Glandore Harbour Yacht Club

and i am assuming that the
class f-lp has something to do with the difference in the style but do not
know enough about HTML to fix this problem… The other point is that i
assume it is good practice to get the h1 tag’s as near the top of the body
as possible?
Thanks

John


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

Ernie,

Much appreciate the assistance, here is the link to the web site, and all pages demonstrate the same issue withe the h1 element.

http://glandoreyc.com/newsite/

Thank You
John


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

The fact that you have an h1 on your page - the class attached is not really important - is good.

The h1 should be used to display the overall subject or topic of a web page and as long as you stick to that mantra - even though that h1 may not be right at the top - is also good.

Where I think you are missing a trick is having these as single words ie News, Club, Events - I would expand them.

David


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

Dave,

Thanks, yes i was beginning to think along the same lines. You can’t shed any light on why the style does not work can you?

Thanks

John


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

Hi John,

Your h1 styling covers three attributes – color, font, and size. Your h1
text is using each of those attributes, so as far as I can see the h1 style
is applied and working fine.

What am I missing? How should it look?


Ernie Simpson

On Sun, Jun 3, 2012 at 11:33 AM, ejw email@hidden wrote:

Ernie,

Much appreciate the assistance, here is the link to the web site, and all
pages demonstrate the same issue withe the h1 element.

http://glandoreyc.com/newsite/

Thank You
John


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

Ernie,

The colour,f ont and size are set the same as the rest of the body text, so why is different? is FW forcing it to be Bold/Strong because it is a h1 tag? if so how can i override that setting? (also the font looks different in the h1 tag items)

thanks

John


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

is FW forcing it to be Bold/Strong because it is a h1 tag?

No - the browser does that. If you dont want it to be bold then you need to add that attribute in ie font-weight: normal

D


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

Dave,

Thank you, i made the assumption that if you did not select BOLD or italic in the Style it would revert to regular/normal,

So inserted font-weight regular in the Extended field of the style and now all OK.

Thanks to you and Ernie for your help. (again)

John


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

i made the assumption that if you did not select BOLD or italic in the Style it would revert to regular/normal

But as it is not a FW thing but a Browser issue you have to specify it.

You might also need

font-style: normal;

for some browsers.

But use normal rather than regular as ‘regular’ is not a recognised CSS value for font-weight.

D


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

I see what you mean, John. Thanks for clearing that up for me.

Freeway Pro’s outdated style editor is to blame for that – a user
de-selecting bold should invoke a font-weight: normal attribute, when in
fact it results in NO font-weight attribution, leaving the browser to work
it out. Open the Extended editor and create the font-weight attribute
with a setting of normal. This will fix you.

SP has needed to fix this for as long as the style editor has been around.
Perhaps they are waiting for an action to do this?


Ernie Simpson

On Sun, Jun 3, 2012 at 2:21 PM, ejw email@hidden wrote:

Ernie,

The colour,f ont and size are set the same as the rest of the body text,
so why is different? is FW forcing it to be Bold/Strong because it is a h1
tag? if so how can i override that setting? (also the font looks different
in the h1 tag items)

thanks

John


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

You might also need

font-style: normal;

for some browsers.

Dave, is it acceptable to put both
font-weight normal
&
font-style normal

In the extended field?

Thx

John


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

Yes

D


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

Thank you

done

John


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

  1. Here’s a link to some documentation of the font-weight and other css
    font attributes http://www.w3schools.com/cssref/pr_font_weight.asp:
    http://www.w3schools.com/cssref/pr_font_weight.asp

  2. font-style refers only to italics.

  3. The Extended pane of Freeway Pro’s Style Editor works like this: The *
    New…* button creates a new style attribute which consists of two parameters
    – a valid CSS Name, and valid property Value for that attribute. In
    this case, we would enter font-weight into the Name entry, and
    normal into
    the Value entry. Freeway Pro will now write the h1 CSS code like this:

h1 { font-weight: normal; }

Remember, Freeway Pro currently makes no effort to check if your
attribute is spelled correctly or if your property is valid. So you must
pay attention to your typing and use references like the previous link to
make sure you’re using the attribute correctly. Not too hard as you can see.


Ernie Simpson

On Sun, Jun 3, 2012 at 3:26 PM, ejw email@hidden wrote:

You might also need

font-style: normal;

for some browsers.

Dave, is it acceptable to put both
font-weight normal
&
font-style normal

In the extended field?

Thx

John


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

font-style refers only to italics.

You are of course correct Ernie. I am afraid I was parroting someone else’s wisdom on this one. I bow to your superior CSS knowledge :slight_smile:

D


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

Earnie,

Thanks for the info and guidance

John


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