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

1) I was getting my footnotes tidied up on Sunday - now the footnotes are lovely but all my images are aligning left! I'm pretty sure I didn't touch #info1. What happened please? It's done it throughout the site!

2) I found the little 'offsite' pic to put in the menu next to Glossary (under the Basics tab) - it's there on the Home page but I can't see it in the menu on the article link in 1) above. though it's there in the profile at the bottom of the page :? (which I don't think I'll persevere with but I do want it to show in the tab dropdown on each page.)

If I'm not being clear....

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: 3 years 18 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

I may have got lost in the

I may have got lost in the spam yesterday...or else you're all ignoring me and I can't believe that!

Yes I can go and fix them individually,b ut it seems I've changed just one thing that's done this. 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

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 14 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

I'm not sure what you're

I'm not sure what you're asking. :shrug:

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

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

Well let's take it a bit at

Well let's take it a bit at a time then. I've fixed the dividers, they now centre/center Smile however...

If you look at this page the black para above the loopbar at the top no longer centres.

<p> on #info1 is text-align:left; however I've used the class "centerpic" which has text-align:center; - why won't it?

It's the same with the little logo at the very bottom of the page which is a "top of page" link - it's supposed to be centered. Sad

Thanks for looking 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

karlanz
Offline
Regular
New Zealand
Last seen: 12 years 27 weeks ago
New Zealand
Timezone: GMT+12
Joined: 2007-11-06
Posts: 12
Points: 0

Easily made mistake The

Easily made mistake Smile

The class for that paragraph just needs to be changed from "p class" to "div class", just like you've done for the images. Otherwise it will take on the left alignment from the info1 div.

Actually, there are a couple of repeated instructions for the info1 class

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

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

You could also change the #info1 p to "text-align: center;". and delete whichever one of the conflicting #info tags you don't want.

Cheers ~
Karla

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

I'm trying to understand the

I'm trying to understand the cascade here - I obviously still don't have it in my head :?

I thought it went...

div (#info1)
any class applied to it (none)
<p>
any class applied to it (centerpic)

I know div will probably work but I try hard to avoid Divitis Smile

In fact I've just put in the <p> tags the top sentence was just sitting in the 'strong' tags and taking centring from the Div until I played with the footnotes.

Why doesn't the bottom logo work anymore?

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

karlanz
Offline
Regular
New Zealand
Last seen: 12 years 27 weeks ago
New Zealand
Timezone: GMT+12
Joined: 2007-11-06
Posts: 12
Points: 0

You're right about the

You're right about the cascade order, but the first instruction to the info1 div (in the list of #infos)is to text-align it left, then next it is to text-align it center, and finally it is to text-align it left if it is in a p.

Confuses me, so it probably confuses browsers too. Browsers always follow the last instruction they are given. So your images are centred by the second #info1 = text-align: right instruction, but your text is being left aligned by the #info 1 p instruction because it is in a p.

If you don't want to use the div again, change the #info p to text-align:center.

Progress not perfection Smile

The bottom logo is working here, not sure what you are asking?

Cheers ~
Karla

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

Thanks Karla - I appreciate

Thanks Karla - I appreciate your help, I shall work at getting this straightened out across the site (which is what I fondly thought I was doing last weekend Smile) At least I wasn't totally off the mark!

cheers!

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: 3 years 18 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Hmmmm...still not happy

Hmmmm...still not happy Sad

If you take a look at the home page you will see the photo and the little logo at the bottom are now aligned left. And I have not changed this page for weeks. It has happened since I played with the footnotes last week - can someone see what's happened here please? Thanks.

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

karlanz
Offline
Regular
New Zealand
Last seen: 12 years 27 weeks ago
New Zealand
Timezone: GMT+12
Joined: 2007-11-06
Posts: 12
Points: 0

Don't worry, this is just

Don't worry, this is just the butterfly effect (related to chaos theory).

Your logo started being left aligned everywhere by the info1 div in the following code:

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

this is happening because the class "centerpic" isn't working the way it is currently done (a class="centerpic" href etc.) But, if you put all your logos in a separate div they will work.

eg.


Go to top of page

And, the other image on your page will center if the inline instruction is deleted:

#floatbuild { text-align: center; margin: 0; padding: 0; }

I'm not clear on why this works, but it does!

I need to do more homework on how the inline class works. Smile

Cheers
Karla

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

Hi Karla - thanks very much

Hi Karla - thanks very much for delving into this again for me! Smile

Quote:
Don't worry, this is just the butterfly effect (related to chaos theory).

LOL! Chaos seems to be my middle name Laughing out loud

I had taken the text-align:left out of the #info1 though - perhaps I forgot to load it :? Anyway I followed your suggestions but taking the "floatbuild" div off left aligned it again for me (don't know how yours centred) so I stuck "centrepic" on there and Voila! I also made the image a little bigger to sit more happily in its space.

I have also twigged, I think, why this confusion has arisen. It wasn't me playing with the footnotes but but being "persueded" to take off/out a little js file and various other things to do with centring a couple of weeks ago.

You can read the whole sorry story here in D#13 The "duck" threads are the ongoing saga of my attempts to build this website and get "all my ducks in a row" Smile It also helps me find things again!

Thanks again for your help :thumbsup:

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: 3 years 18 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Okay...on to the second

Okay...on to the second problem....

2) I found the little 'offsite' pic to put in the menu next to Glossary (under the Basics tab) - it's there on the Home page but I can't see it in the menu on some of the other pages - for example here

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: 5 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Quote:have also twigged, I

Quote:
have also twigged, I think, why this confusion has arisen. It wasn't me playing with the footnotes but but being "persueded" to take off/out a little js file and various other things to do with centring a couple of weeks ago.
:?

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: 3 years 18 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Hugo = It wasn't your

Hugo = :?

It wasn't your instructions Hugo - they all worked, we know that Smile It was my crazy implementation of the stuff in the first place Smile

Could you have a look at the "offsite" thingy for me 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

karlanz
Offline
Regular
New Zealand
Last seen: 12 years 27 weeks ago
New Zealand
Timezone: GMT+12
Joined: 2007-11-06
Posts: 12
Points: 0

offsite thingys

Since I'm sitting here twiddling my thumbs ...

The pages on which the image doesn't work are all in subfolders (eg. Anne), so the browser is looking for an images folder there. If you give the instruction to jump out of that folder and look in the main folder it will find the offsite thingy.

eg
../images/offsite-thingy.jpg

the number of dots depends on how deep your folders are - use more if necessary. I avoid burying things to deeply for exactly this reason.

Cheers
Karla

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

Duh! Oh dear! Thank you

Duh! :rolleyes:

Oh dear! Thank you Karla and lucky for me that you had some thumb-twiddling time 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