81 replies [Last post]
Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Ick! My brain is in knots and you people do this for a living? Shock

I've been struggling with text and headings off and on for a couple of days. On the other hand, I've cut my divs by around half I think Smile Sorry but the CSS is still pretty twisted.

If someone would be good enough to lend a hand...or eye. The problems are all on one page at the moment - well at least they're being tidy.

http://www.nasmsite.com/descgod.php

1) The top centred para should be left aligned like the others. I've tried various combinations of things without success.

2) The same problem with the purple triangle at the end of the first section (which is #info1) - it should be way over on the right, lined up under the 4. I also want it to sit almost on the line, is the next div - #info2 - the one creating the space?

3) I want to be able to click on the triangle or the img at the bottom and go to the top so I can get to the menu again, but I don't seem to have anything available to hang the id on.

Thanks for taking a look.

EDIT: Scrap No.3 - I forgot about the thing - however it does put a border around it even though I have border set to none on images in the global reset. How can I get rid of that?

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 33 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

I'd start with cleaning up

I'd start with cleaning up the html some more. First, I'd eliminate every break on the page. Then you need to make sure all content is wrapped in semantic tags - do not wrap text in divs or spans alone! The images you are using are content (not part of the design) and should be in the html, not as background images to an empty div. Be sure to mark up headings as headings.

To answer your questions:
1) Wrap the paragraph in p tags
2) You could float the anchors right, or include them in the div with the text-align right (.aright I believe).
3) point the anchor at an element at the top of the page. You don't have a #top - try changing it to #wrapper for instance.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 33 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Couple more comments: 1)

Couple more comments:

1) Don't double space after a period before the start of a new sentence. That is old school typewriter fashion.

2) Don't use inline styling - ever. Use descendant selectors to target the element, or place an id or class if necessary.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 33 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

I cleaned it up somewhat -

I cleaned it up somewhat - you can take it even further. Some CSS will need changing to address the new mark-up, but that's what you're after here.

God - the Great Spirit

divider

Over the years, Silver Birch answered thousands of questions on almost every subject imaginable - including this one...



'How would you describe God?'



Silver Birch's reply:



It is impossible to give you a complete picture. God is infinite. All language, concepts and pictures must be finite. The lesser cannot include the greater. You can obtain some idea of what the Great Spirit is like by looking at the universe. See how it is regulated by natural law, where provision has been made for every facet of life, even though these manifestations are multitudinous in their variety. Whether it be minutely small or majestically mighty all that lives, moves and breathes, all that exists, are controlled by natural law.





Nothing is outside the orbit of natural law. The seasons follow one another, the earth rotates on its axis, the tide ebbs and flows. Whatever seeds you plant, what will grow is contained within it; it will be true to its nature. Law reigns supreme. Every new discovery, whatever it may be, wherever it may be, is controlled by the same natural law. Nothing is forgotten, nothing is overlooked, nothing is neglected. What is this power responsible for it? It is infinite. It is not a magnified man, the Jehovah of the Old Testament. It is not a deity who is full of vengeance and sends plagues because of displeasure. It is not a capricious, wrathful deity. History and evolution show that the world slowly moves forward, upward, revealing that the power behind it is beneficent. So gradually you get this picture of infinite love and wisdom that rule all, that govern all, that direct all and are within all. And that I call the Great Spirit.


The Silver Birch Book of Questions & Answers (page 113)
Ballard & Green
Spiritual Truth Press, 2001 ISBN 0 8534 100 4

go to top

The Medium and his Guide



The medium Maurice Barbanell and his guide Silver Birch had a "two worlds" relationship lasting 61 years until Barbanell's passing, at the age of 79, on 7 July 1981.

Barbanell was born to Jewish parents but became atheist and then agnostic by choice. He first heard a talk on Spiritualism at a club of which he was secretary and the speaker subsequently invited him to attend a seance with a Mrs Blaustein as the medium. On his second visit, Barbanell thought he had fallen asleep through boredom or tiredness and apologised to the others present. They in turn informed Barbanell that he had been in trance and a Native American teaching guide had introduced himself as Silver Birch.

The Hannen Swaffer home circle (as it became known), was formed and met once a week as a vehicle to enable Silver Birch to pass on his wisdom. Every circle was faithfully recorded, firstly in shorthand by Barbanell's assistant Stella Storm, and then by Pam Riva. Subsequently Barbanell published the teachings as articles in the "Psychic News" - a journal he founded with the urging of Swaffer, a Fleet Street journalist, and which Barbanell then edited for most of the remainder of his life. The articles were published anonymously, without acknowledging himself as the medium involved, because Barbanell wanted Silver Birch's words to be accepted or rejected on their own merit rather than because the editor was associated with the guide.

It was to be 27 years before Maurice Barbanell revealed to the general public that he was the medium for this inspirational guide whose words had become so well loved and respected.

Over the partnership period of 61 years, the always-humble yet ever eloquent guide never wavered. His philosophy might be encapsulated as "the Law is God, God is the Law". The greatest love, as he saw it, was in service to that spark of divinity which is within each one of us and which is part of the greater whole, therefore service to one another becomes service to the Divine - whom he referred to as the Great Spirit. Silver Birch always encouraged those who heard or read his words to test them for ourselves, to reject anything that does not appeal to our reason and accept only that which is logical and uplifting.

The Teachings of Silver Birch as they became known, are still recognised by spiritualists the world over as presenting the essence of Spiritualism in an accessible, no-nonsense yet gentle, firm yet loving and informed manner.

He reduces religion to the fundamental of service to one another. He reveals a God of natural law, not a personal, tribal deity, subject to caprice, wrath or vengeance. Silver Birch's words glisten like diamonds. You visualise an evolved being, full of love for all humanity, striving to teach truths that are hidden from the worldly wise but revealed to minds which are simple like those of children. He has the one message of service to offer a bewildered mankind, but he seems to have an infinite number of ways of expressing his gospel.
~ Unknown journalist ~

You will find further information listed in our links page about ordering the books online if you can't obtain them locally, as well as other websites providing information on Maurice Barbanell and/or Silver Birch. We encourage you to seek out the Teachings of Silver Birch and judge the guide's view of God - the Great Spirit, for yourself.


go to top

People are like stained-glass windows. They sparkle and shine when the sun is out but when the darkness sets in, their true beauty is revealed only if there is light within.
~ Elisabeth Kubler-Ross

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

WOW! Thanks Wolfie, you've

WOW! Thanks Wolfie, you've given me enough to go on with for the next 3 weeks!! Laughing out loud

Quote:
1) Wrap the paragraph in p tags

I was stumped on this because I don't want a space between the purple text and the black - and I have several instances where I need to do this. However, I've just thought, I could make a new class I can attach to the p which has no margins - will this be okay?

2) Duh! I didn't think of including it in the .aright!

3) I put this in under the body tag - - is it legal? I thought I read somewhere that it was. If not, you're right, I can put it on #wrapper, I'd forgotten about it in my efforts to attach it to a heading.

Yes, I know that 2 spaces is old fashioned in the computer world but it's still used in the business world - it's habit I'm afraid and I'm not editing them out of 4 pages!

And I really am trying to get my head around this but the FACETS newletter page did me in I think Tongue

Hang on there's another ding! Oh boy, I can't look at what you've done, but I'm about to any minute - thanks again Wolfcry, very helpful and very much appreciated Smile

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Thank you very much! I

Thank you very much! I shall paste it into a new file and see how we go.

I saw the comment about the sparkle .gif at the bottom. I would like to use it as a link to the top, then again I'm thinking I might put a pipe menu in the footer. I think that's one of the things that will probably "come out in the wash" as things progress. Popping it into .ekr is something I can hold on to though.

While you're there, would you mind having a look at the Rosa's Books page - I've got a possible alternative logo - got a preference? Both have to be tweaked to look their best eventually.

(Sorry if the colours are still scary, I'm not working at the moment and so can't check them on a TFT screen.)

It's pumpkin time again...

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 33 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

err.. how does one get to

err.. how does one get to Rosa's Books page?

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Sorry - It's a bit

Laughing out loud Sorry - It's a bit tricky...start at the beginning and she's in one of the teaser boxes -

http://www.nasmsite.com/

EDIT: I've attached a proper picture of the other logo - it doesn't show up very well in my mockup - I thought it looked a bit like an 'S' for Spiritualism.

AttachmentSize
cocoban_m1_160.jpg 11.16 KB

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 year 9 weeks ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

Your logo at the top seems

Your logo at the top seems to be heavily compressed - the jpeg artefacts are making it look a little messy Wink

Verschwindende wrote:
  • CSS doesn't make pies

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

It's compressed to hell and

Laughing out loud It's compressed to hell and gone and as for artefacts, I should be so lucky! That's a spray can in PC Image Editor just to try and make the mockup Tongue That's why I attached the 'real deal' in the post above, so that you could see it as it is meant to be.

I don't have any decent graphics software or the know how and skills to use them, someone else will eventually make me a proper banner.

What I'm trying to get an idea of is which/whether folks have a preference for one 'logo' over the other - and I've tried to match them with the text so that for a better idea.

They really are just mockups and I'm really just looking at the form/shape/style at this stage. Any opinions appreciated.

I won't have time to get back to the code until tonight but I'll be working on it Smile

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 15 min 19 sec ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9743
Points: 3822

Smee wrote:I don't have any

Smee wrote:
I don't have any decent graphics software or the know how and skills to use them, someone else will eventually make me a proper banner.

Get the GIMP. If you''re not fortunate enough to run a modern OS, it has been ported to MS Windows.

Excellent tutorials, and at least one book, Grokking the GIMP are freely available on line.

For line art, you might prefer an SVG editor, such as Inkscape.

Inkscape also has online tutes and books available.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Gary wrote:Get the GIMP. If

Gary wrote:
Get the GIMP. If you''re not fortunate enough to run a modern OS, it has been ported to MS Windows.

Laughing out loud Fortunate for me then. I do remember having a look at this about a year ago when I was thinking of mucking about with some graphics, so thank you for the heads up Gary (and the links!).

However I'm also of the opinion that good graphics are an art in themselves and take probably as much time to come to grips with thoroughly as I'm spending on CSS. If I'm to do a good job on the website, I can't afford to get sidetracked because if the truth be told, I would probably prefer to muck around with colouring this and tweaking that Wink

At the moment I'm trying to come get my head around the descendant selectors Wolf mentioned - the 3 part article at
456 Berea St is one of the best I've come across for anyone reading this who needs to know - but all these late nights are doing me in, I think I need an early one tonight...

cheers Smile

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

@TPH - By the by...what

@TPH - By the by...what happened to your new "logo"...we're still waiting you know...what was that special date in September again? Laughing out loud

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 year 9 weeks ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

You mean my birthday? 14th

You mean my birthday? 14th Tongue

Been too busy at work to get round to changing my avatar Tongue

Verschwindende wrote:
  • CSS doesn't make pies

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

14th eh? Just

14th eh? Just think...you've probably spent the last few years looking forward to it and now it's 3 WEEKS!!! So...big plans?

Quote:
Been too busy at work to get round to changing my avatar Tongue

Pleased to hear you've not been idle then. Laughing out loud

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

I'm ba-aack!

Hi guys – I know you probably expected great things by now but the truth is I've been slacking (and changing jobs) the last couple of weeks... :blushing:

http://www.nasmsite.com/rosasbooks.php

Wolfie (about loopbar) wrote:
I'd make this a background on the h1, or possibly on an hr

I don't think I can – that id in the middle calls the .js that makes it elastic when the browser is resized. It acts on the banner, the home page photo and the "loopbar".

(sparkle at bottom) Wolf wrote:
I'd put this as a background image on .ekr, but then you couldn't use it as an anchor, then again, there's nothing to indicate that is a link to top

No, I realise there's nothing to indicate it's a link to top except that it replicates the header and if you accidentally mouse over it, it will say "go to top" – am I hoping too much for intelligent/intuitive readers? Smile

Wolfie again wrote:
Don't use inline styling - ever. Use descendant selectors to target the element, or place an id or class if necessary.

I have used it just to make red text where I have to go back and put in links to info that isn't there yet. OTOH I have used it sometimes to make a couple of words italic or bold when that is the only temporary change I want (using span) – isn't that allowed either? Do I have to make a class just so I can say span class="bold"?

Purple triangle half way down the page – if I put it in the .aright (div for the cite), it will sit on the far right but then I have to use brs to get some spacing between it and the cite. As you can see, if I put it in it's own .aright it sits in the middle – why won't it obey the .aright?

Is this an inherit from somewhere? The same thing is happening with the "by Lis Warwood" under the h1. It has too much space before so I tried wrapping it in p class="ctr" but that doesn't work because the p on #info1 is left aligned text and it takes no notice of the class...

...and ummm...I've lost the drop downs in IE again – would some kind soul please find them for me again? Ta muchly :blushing:

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

I do worry inordinately

I do worry inordinately about these things you know Sad
I've solved the heading/subheading issue but still can't get the purple arrow to move over to the right.

The other problem before I go to much further is the text-resizing...or rather lack of...can I do anything about this with this layout? Or don't we think I should bother because of it's limited appeal? :ohdear:

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

.aright {display:block}

.aright {display:block}

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Hello Hugo! Thank

Hello Hugo! Smile

Thank you...succinct though it is, it's also perfick!

I don't suppose I could trouble you to find the IE dropdowns for me please? Yes, I know I shouldn't have lost them in the first place but... Sad

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

can't at this moment as

can't at this moment as your server is down again.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Actually that may have been

Actually that may have been me reloading stuff that mucked you about - try again please?

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

They work fine for me I

They work fine for me :shrug: I think we've been over this ground previously but can't recall what the problem was or solution.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Oh botheration! I was hoping

Oh botheration! I was hoping on one hand that they were there and I couldn't see them and on the other hand, yes we have been over it before - I reread the threads to see if I could find out what I did but there was so much happening I don't seem to have stated it.

So how's the office then? Is this temporary insanity in order to play with other people's toys?

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Found it! Must have missed

Found it! Must have missed it the first time through...

Quote:
Both browsers behave now 'cos I dnloaded a new text editor, so might have been a missing or mangled dll???

Ummm...no help at all really :rolleyes: I'll just have to hope they appear by magic again sometime soon. Smile

I take it I'm leaving the text-resizing alone then?

What would you like to help me with next? Let's face it, based on past performance it would be a 1000 to 1 chance I can do it all by myself Smile

I can give you a choice of:-
Forms
Picture gallery
Library page layout

What takes your fancy?

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

I didn't actually get an

I didn't actually get an answer to this...and I need to know.

Wolf wrote:
Don't use inline styling - ever.

I have used it just to make red text where I have to go back and put in links to info that isn't there yet. OTOH I have used it sometimes to make a couple of words italic or bold when that is the only temporary change I want (using span) – isn't that allowed either? Do I have to make a class just so I can say span class="bold"?

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Vicki define what you mean

Vicki define what you mean by 'temporary change' is it something just while you are developing? or do you mean a minor adjustment to a passage of text.

You can inline styles but it's best avoided, if you already have a span then it ought to be possible to target the span via a parent/antecedent identifier i.e #content p span {property:value;} if more than one span needing styling then add a class to the span then the class can be used where needed.

If the style change is permanent then don't apply the inline styles to a span creating a class is more versatile allowing the reuse of the class and of course the ability to change the class properties from one place and have it propagate to all instances of the class, inlining hampers that ability.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Hello Hugo!

Hello Hugo! Smile

Hugo wrote:
Vicki define what you mean by 'temporary change' is it something just while you are developing? or do you mean a minor adjustment to a passage of text.

I do mean "a minor adjustment to a passage of text". The Newsletter page is a perfect example of what I mean. I've included a bit of it below.

Sat 21st April:

 "Enhance Your Mediumistic Gifts" 10am - 4pm $70
Full-day interactive workshop with Rose, doors open 9.30am. This workshop is aimed at building foundations and enhancing the understanding of the mechanics of mediumship. It will look at Being Psychic, How it Works, Being a Medium, What You Need to Develop Mediumship, and much more.
Bring your lunch, a notebook and pen.
To book call Lis on 8261 8806

Granted, this is not an ordinary para but the idea is the same. If I want to make a few words bold or a different color, I thought that this was the way to do it rather than create a class called "bold".

I'm trying to tidy up the pages I've got but I'm also about to start styling a LOT of text and I want to get it straight in my head.

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 15 min 19 sec ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9743
Points: 3822

Were it I, I'd look to the

Were it I, I'd look to the <hn> element tag and paragraphs. While you may not think of the text as a paragraph in the literary sense, in the typographical sense, any typographic block of text is a paragraph.


Sat 21st April: "Enhance Your Mediumistic
Gifts" 10am - 4pm $70

Full-day interactive workshop with Rose, doors open 9.30am. This workshop is aimed at building foundations and enhancing the understanding of the mechanics of mediumship. It will look at Being Psychic, How it Works, Being a Medium, What You Need to Develop Mediumship, and much more.

Bring your lunch, a notebook and pen. To book call Lis on 8261 8806.

The first instance of the bold implies it's a heading. The italic is a longstanding typographic convention for titles. It does not imply emphasis, only convention. The last instance of the bold weight is clearly an emphasized phrase, so strong is the proper tag.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

The italic text could also

The italic text could also be viewed as a classic set of bullet points.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Hi Gary Thanks for taking

Hi Gary Smile Thanks for taking a look at this. A few more comments/questions if I may?

Gary wrote:
Were it I, I'd look to the element tag and paragraphs.

One of my (many :rolleyes: ) problems is that over the whole website I currently have far too many versions of h - 3 sizes, 2 colors, each of which can be centre or left. So I'm running out of h's Smile

In addition I don't want p, in this instance, to have margins. I already have a paranotop and a paranobottom that I'm using elsewhere on the site - I guess I need to create a parano for this page in order to ditch the brs eh? (Sorry, I've read Tyssen's sig a thousand times and I still don't know how to put a word or two in angle brackets inside a para!)

Gary wrote:
While you may not think of the text as a paragraph in the literary sense, in the typographical sense, any typographic block of text is a paragraph.

Yes, I understand perfectly what you are saying.

Gary wrote:
The first instance of the bold implies it's a heading.

It is (in the true sense of the word) and then again it isn't (as I'm using it here). Did you look at the page using the "newsletter" link I gave in my post above? It might help to understand a little more what I'm trying to achieve in context, being one of a list of different activities on different dates with explanation and contact info.

I probably used a bad example in that the MAY events are what I anticipate to be the standard layout for these items.

Gary wrote:
The italic is a longstanding typographic convention for titles. It does not imply emphasis, only convention.

Ummm..."only convention" not quite sure what you mean. I used it to simply to "group" the "workshop subjects" and make them a little different from the rest of the para and therefore easy to spot.

Gary wrote:
The last instance of the bold weight is clearly an emphasized phrase, so strong is the proper tag.

Well, I somehow got it in my head that i and b and strong etc. were inline styling and I shouldn't use them.

If you can clarify some of that a little more I would appreciate it.

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Hi Hugo Quote:The italic

Hi Hugo Smile

Quote:
The italic text could also be viewed as a classic set of bullet points.

Yes, but this page was starting to look like a dog's dinner and I didn't want /think it was necessary in this instance.

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Quote:(Sorry, I've read

Quote:
(Sorry, I've read Tyssen's sig a thousand times and I still don't know how to put a word or two in angle brackets inside a para!)

You use the character entity for the angle bracket that represents 'less than'
'<'
i.e & lt ;br />(no spaces between the '&' 'lt' ';' )

<br />

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Ha! A real live example!

Ha! A real live example! I'll be able to try that now Smile


The phantom post editor did:

<br />

<br />

<br />

Check your source via 'edit' Smile

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

ROFL!!!!!

ROFL!!!!!

That was funnier than you think! I just hit "reply" on my post to ask you another question and when the 'reply' screen came up THERE was your edit! And I was looking for the EDIT button!! Laughing out loud

Edit button

Laughing out loud I thought you meant the one at the top of the threads! Laughing out loud

Besides ...it isn't there when you've got the reply screen up - it appeared between hitting reply and getting it presented - it really was the phantom editor!

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

.

(Yes I do know you don't hit reply to use the edit button)

Now....you remember this? Up the thread a bit...

Smee wrote:
Purple triangle half way down the page – if I put it in the .aright (div for the cite), it will sit on the far right but then I have to use brs to get some spacing between it and the cite. As you can see, if I put it in it's own .aright it sits in the middle – why won't it obey the .aright?

Is this an inherit from somewhere? The same thing is happening with the "by Lis Warwood" under the h1. It has too much space before so I tried wrapping it in p class="ctr" but that doesn't work because the p on #info1 is left aligned text and it takes no notice of the class...

To which you gave the perfect reply of display:block.

Howsumever...everytime I put an < h1> ( Mod edit/well done! )at the top of a new page, I cannot get a line under it to text-align:left. It just will not go. And I have set this

.info1, info2, info3, info4 p { font-family: "Trebuchet MS", verdana, arial, sans-serif; font-size: 90% text-align: left; font-weight: normal; margin: 1em 0; }

Sooooo...I was wondering if it had something to do with this...

#info1, #info2, #info3, #info4
{
position: relative;
padding: 1em 4em 2em 4em;
background: url("images/bgmarbl_3.gif"); repeat;
font-family: "Trebuchet MS", verdana, arial, sans-serif;
font-size: 95%;
font-weight: normal;
text-align: left;
line-height: 1.3em;
color: #000000;
border-color: #BE88B4;
border-width: 3px 0 0 3px;
border-style: solid;
display: inline-block;
}

#info1{text-align:center;}
#info1 p {text-align:left;}

It seems I've got myself in another tangle :blushing:

***** Look above! I did it! I did it! *****

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Quote:< h1> ( Mod edit/well

Quote:
< h1> ( Mod edit/well done! )



Tongue

:bigoops: Found this and just had to put it in but it was supposed to keep its place in the queue!

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

What page? and do you mean a

What page? and do you mean a line of text that strts below or an underline of some description?

Show an example of it not working.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Yes I meant a line of text

Yes I meant a line of text below the heading - a sub heading if you will - but I can't find one now!! I read that sub-heading thread everyone got involved in quite avidly and I think I must have figured something out from that :thumbsup:

Hope I can remember how to do it for the next new page :rolleyes:

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Give me a minute - I think I

Give me a minute - I think I found a 'for instance' but I have to load a new page I've been working on up to the server.

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Okaaaay....This isn't

Okaaaay....This isn't exactly it but it's still a puzzle.
http://www.nasmsite.com/principles.php This is new and I haven't linked to it from anywhere else but see the blockquote in the Brotherhood of Man bit? I have to force it to align:left by putting a class on the < blockquote> ( Smile )

Why doesn't it sit left like this page? http://www.nasmsite.com/descgod.php

And...ummm...locally that other text sitting in the middle is actually a very nice ul mit graphic - what happened to it?

EDIT: sorright... helps to load the .css and graphic files too. You've got me all of a tizz now running around after phantom editors!

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 33 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

In the first page blockquote

In the first page blockquote is a descendant of #info1, which has it's text-align set to center (but readjusts it's child ps to left). While the second page has the blockquote as a descendant of #info2, which has text-align: left;

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

'lo Wolfie :) Thank you!

'lo Wolfie Smile Thank you! I knew it was info1 but I had a brain block in that I kept thinking I was dealing with info1 in both pages.

Soooo...would it be better if I made info1 default to left as per info2? Problem is, I think Hugo had me put the info1 settings in when I had all the float containment problems in the beginning, so there must have been good reason for them. I'll have to think on it.

And I've just realised that is probably why I have been getting away with not using p tags in some places - if I'm in info2 it will left align without p, whereas in info1 I keep expecting it to and it doesn't.

Which is correct? I should standardise. Default left seems cleaner to me but I have this feeling someone's going to tell me I have to use a p tag for a paragraph. Sad

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

And where did Gary go?

Smee wrote:
And I've just realised that is probably why I have been getting away with not using p tags in some places

Duh! Anybody hear the sound of pennies dropping?

And where did Gary go? I have important things unanswered...that's the problem with older, sorry mature, people...they leave in the middle of conversations Laughing out loud

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 15 min 19 sec ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9743
Points: 3822

Smee wrote:Hi Gary Thanks

Smee wrote:
Hi Gary Smile Thanks for taking a look at this. A few more comments/questions if I may?

Gary wrote:
Were it I, I'd look to the element tag and paragraphs.

One of my (many :rolleyes: ) problems is that over the whole website I currently have far too many versions of h - 3 sizes, 2 colors, each of which can be centre or left. So I'm running out of h's Smile

In addition I don't want p, in this instance, to have margins. I already have a paranotop and a paranobottom that I'm using elsewhere on the site - I guess I need to create a parano for this page in order to ditch the brs eh? (Sorry, I've read Tyssen's sig a thousand times and I still don't know how to put a word or two in angle brackets inside a para!)
It is unlikely you'll run out of header tags. Remember, the advantage of a cascading style sheet is that a given element or class can be styled according to its context. You should also consider the advantage of consistency of design. I realize this is a "new age" centric site, but as one who grew up during the hippie era, new age looks pretty much the same, with its attempt to make everything look like some acid dream poster and brochure for an ashram up in the hills.

Quote:
Gary wrote:
The first instance of the bold implies it's a heading.

It is (in the true sense of the word) and then again it isn't (as I'm using it here). Did you look at the page using the "newsletter" link I gave in my post above? It might help to understand a little more what I'm trying to achieve in context, being one of a list of different activities on different dates with explanation and contact info.

I probably used a bad example in that the MAY events are what I anticipate to be the standard layout for these items.
See my example below.

Quote:

Gary wrote:
The italic is a longstanding typographic convention for titles. It does not imply emphasis, only convention.

Ummm..."only convention" not quite sure what you mean. I used it to simply to "group" the "workshop subjects" and make them a little different from the rest of the para and therefore easy to spot.
That's what I meant by convention. The italic is used to create a contextual semantic meaning. Your reader will supply his own meaning to the italicized text.

Quote:

Gary wrote:
The last instance of the bold weight is clearly an emphasized phrase, so strong is the proper tag.

Well, I somehow got it in my head that i and b and strong etc. were inline styling and I shouldn't use them.

If you can clarify some of that a little more I would appreciate it.
The <em> and <strong> tags have specific semantic values, indicating text that is stressed or strongly stressed, respectively. The <i> and <b> tags are useful for convention determined meaning (<i> being the more useful), eg., to set off an article title, a foreign word or phrase, or as you've italicized seminar topics.

I suggest you view you page without styles applied, then compare to my example below. Open both in Fangs to 'see' what folks using screen readers get.






/**/





Facets


Newsletter - Issue No. 85







Sunday Meeting






March 2007




Speaker/Demonstrator








This Month





Forthcoming Special Events





April



ROSE OWEN, INTERNATIONAL MEDIUM,
IS BACK!!!


Private readings and 2
full-day workshops.






May




Community Event

Saturday 5 May 2007


Spiritual Healing & Readings 11am - 1pm

Readings $10, Healing by donation.



Come along and experience a relaxing Spiritual
Healing and take time to have a reading with one of
the Mission's psychics and mediums. Eight (8) readers
will be available.



For further information contact Lis or Jim on
8261 8806





The N.A.S.M. Foundation Course
in Spiritual Healing


Saturday 19 May &
Saturday 26 May 2007




"Awakening Healing Light" 10am - 4pm $70

Devised and facilitated by Mission Leader Lis
Warwood.



An intensive 2-day course aimed towards providing a
solid understanding of the guiding principles of
Spiritual Healing and the techniques for effective
healing practice. Topics covered include
Grounding, Attunement, Working with Spirit,
Assessing the Aura & Chakras, Cleansing,
Balancing, Healing Methods, Patient Resistance,
Protection, Healer Self Health and much more. The
course is suitable for both the beginner and those
who have worked with other healing modalities. A
comprehensive 150 page
handbook
is included detailing all the theory,
meditations and exercises covered in the course.
Satisfactory completion of the course entitles you to
apply to register as a Mission Healer and also to
apply for membership of the South Australian
Spiritual Healers' Association (SASHA) on request and
payment of appropriate fees.



Bring your lunch, a notebook and pen.



To book, call Lis on 8261 8806.








cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Hi Gary

Hi Gary Smile

Running out of h's...

Gary wrote:
You should also consider the advantage of consistency of design.

Believe me, I am trying! At the moment I'm hoping to get away with heading and sub-heading, centred and left - though it isn't quite there yet.

Gary wrote:
I realize this is a "new age" centric site, but as one who grew up during the hippie era, new age looks pretty much the same, with its attempt to make everything look like some acid dream poster and brochure for an ashram up in the hills.

ROFL!! Laughing out loud Ain't it the truth! That's why we were trying to get away from the clouds and rainbows :rolleyes:

Gary wrote:
That's what I meant by convention. The italic is used to create a contextual semantic meaning. Your reader will supply his own meaning to the italicized text.

Ah! That's alright then, I thought by convention you meant a predefined/acknowledged and implicit use.

Gary wrote:
The < em> and < strong> tags have specific semantic values, indicating text that is stressed or strongly stressed, respectively. The < i> and < b> tags are useful for convention determined meaning (< i> being the more useful), eg., to set off an article title, a foreign word or phrase, or as you've italicized seminar topics.

Oh believe...I understand how to use them! Laughing out loud It's whether or not I was "allowed" to use them that was the stumbling block. Now I now they're semantic I'll have them all over the place in a minute. Smile

Gary wrote:
I suggest you view you page without styles applied, then compare to my example below. Open both in Fangs to 'see' what folks using screen readers get.

Thank you soooo much for taking the trouble to do this. I read the thread a week or so ago giving the links for screen readers and put it on my list. Seems its priority has just moved up Smile This bit will take a little longer to come to grips with and it may not be today as other things call, but this week definitely!

Thanks again!

PS - just as well Hugo gave me that lesson on &lt last night - you should have seen this post first up in preview! Tongue

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Another quick question while

Another quick question while you're still here...

If I have a quote with a superscript reference at the end of a sentence, does the reference come before or after the fullstop?

"at the end"[1].

or

"at the end".[1]

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 15 min 19 sec ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9743
Points: 3822

Smee wrote:Another quick

Smee wrote:
Another quick question while you're still here...

If I have a quote with a superscript reference at the end of a sentence, does the reference come before or after the fullstop?

"at the end"[1].

or

"at the end".[1]
I don't know the rule, if there is one, but I'd imagine it is part of the text. the period, or full stop, should follow.

Break glass<sup>1</sup>.

1. In case of emergency.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Thanks for that Gary. I

Thanks for that Gary.

I have put it in this page - first line third para - but look what it's done to the line spacing Shock This won't do!

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

cor what a lot of

cor what a lot of posts!

What has it done to the line spacing?

btw "what is a principle" and the following definition are ..wait for it... a definition list "what is..." is the DT term and the defintion that follows should be in a DD
'<dd><p>principles...</p></dd>

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Hugo wrote:cor what a lot of

Hugo wrote:
cor what a lot of posts!

Serves you right for leaving me alone! Laughing out loud OTOH I might say the same thing - why are there 3 - count 'em - 3! - emails telling me you posted fumble fingers? Trying to get my attention? Laughing out loud And all while I had dinner and started to watch a (not very good Sad )film.

Hugo wrote:
What has it done to the line spacing?

I asked first! You're s'posed to supply the answer.

Quote:
btw "what is a principle" and the following definition are ..wait for it... a definition list "what is..." is the DT term and the defintion that follows should be in a DD
'

principles...

Aaaaugggh! But it's only one! it isn't a list at all!

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 17 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Ooeerk! Well you know what

Ooeerk! Well you know what you said...

Quote:
"what is..." is the DT term and the defintion that follows should be in a DD
'

principles...

[/quote

Why? What will it do for it?

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile