Extending length of mainMenu

I have colored my mainMenu, but now I want it to extend down
the left
side as far as the height of each tiddler, i. e., I want it
to serve
as a sort of frame for the tiddlers. Is there a way to make
that
happen?

Appreciative of any and all detailed suggestions.

Cradit


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the
Google Groups "TiddlyWiki" group.
To post to this group, send email to TiddlyWikigooglegroups.com
To unsubscribe from this group, send email to
TiddlyWiki-unsubscribegooglegroups.com
For more options, visit this group at http:
//groups.google.com/group/TiddlyWiki?hl=en
-~----------~----~----~----~------~----~------~--~---

> I have colored my mainMenu, but now I want it to extend
down the left
> side as far as the height of each tiddler

I'm afraid equal-height columns are quite a tricky thing to
accomplish 
with HTML/CSS, and would likely require extensive
modifications to the 
default theme (both CSS and HTML markup).

There is an imperfect workaround - applying the same color
to the parent 
container to make it merge with the MainMenu:
---------------
#contentWrapper,
#mainMenu {
	background-color: #F00;
}

#displayArea {
	margin: 0 15em 0 12em;
	background-color: #00F;
}

#sidebar {
	background-color: #FFF;
}
---------------
(I chose red and blue here to illustrate the concept.)
But as you will see, that approach has quite a few
significant flaws.
The problem of the boxes not lining up properly might be
remedied by 
using the "overflow" technique[1], but I doubt
that it'll give you a 
truly satisfying result.

Maybe visit TiddlyThemes and choose a custom theme from
there.


-- F.


[1] cf. http://cleanlayout.
tiddlyspot.com
[2] http://tiddlythemes.com

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the
Google Groups "TiddlyWiki" group.
To post to this group, send email to TiddlyWikigooglegroups.com
To unsubscribe from this group, send email to
TiddlyWiki-unsubscribegooglegroups.com
For more options, visit this group at http:
//groups.google.com/group/TiddlyWiki?hl=en
-~----------~----~----~----~------~----~------~--~---

Saq,

the link is http://www.heritage
hunters.com/HH

Eventually I want to narrow the tiddler's width and put in a
column of
the same color as the mainMenu on the right.

Cradit

On Oct 19, 1:44 pm, "Saq Imtiaz" <lew...gmail.com> wrote:
> Could you post a link? This kind of thing is easier to
figure out if we can
> play with it.
> Cheers,
> Saq
>
> On 10/19/07, Cradit <conrader...comcast.net> wrote:
>
>
>
> > I have colored my mainMenu, but now I want it to
extend down the left
> > side as far as the height of each tiddler, i. e.,
I want it to serve
> > as a sort of frame for the tiddlers. Is there a
way to make that
> > happen?
>
> > Appreciative of any and all detailed suggestions.
>
> > Cradit
>
> --
> TiddlyThemes.com (http://tiddlythemes.com)
: a gallery of TiddlyWiki
> themes.
> TiddlySnip (http://tiddlysnip.com) : a
firefox extension that turns
> TiddlyWiki into a scrapbook!
> LewcidTW (http://tw.lewcid.org) : a
repository of extensions for
> TiddlyWiki


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the
Google Groups "TiddlyWiki" group.
To post to this group, send email to TiddlyWikigooglegroups.com
To unsubscribe from this group, send email to
TiddlyWiki-unsubscribegooglegroups.com
For more options, visit this group at http:
//groups.google.com/group/TiddlyWiki?hl=en
-~----------~----~----~----~------~----~------~--~---

> the link is http://www.heritage
hunters.com/HH

Oh, that looks a little easier than I had expected.
Add this to the top of your StyleSheet:
---------------
/*{{{*/
#contentWrapper,
#mainMenu {
   background: #9b9;
}

html body #contentWrapper #displayArea {
   margin: 0 0 0 13em;
   padding-bottom: 1em;
   background: #fff;
}
/*}}}*/
---------------

HTH.


-- F.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the
Google Groups "TiddlyWiki" group.
To post to this group, send email to TiddlyWikigooglegroups.com
To unsubscribe from this group, send email to
TiddlyWiki-unsubscribegooglegroups.com
For more options, visit this group at http:
//groups.google.com/group/TiddlyWiki?hl=en
-~----------~----~----~----~------~----~------~--~---

-F.

That works like a charm -- except for one tiddler, i. e.
"Fees" where
in the footer does not run across the page, but rather jams
into the
mainMenu. I suppose if I put several more empty lines in the
tiddler
that will be taken care of.

Thanks,
Cradit

On Oct 19, 3:22 pm, FND <Ace_No...gmx.net> wrote:
> > the link ishttp://www.heritage
hunters.com/HH
>
> Oh, that looks a little easier than I had expected.
> Add this to the top of your StyleSheet:
> ---------------
> /*{{{*/
> #contentWrapper,
> #mainMenu {
>    background: #9b9;
>
> }
>
> html body #contentWrapper #displayArea {
>    margin: 0 0 0 13em;
>    padding-bottom: 1em;
>    background: #fff;}
>
> /*}}}*/
> ---------------
>
> HTH.
>
> -- F.


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the
Google Groups "TiddlyWiki" group.
To post to this group, send email to TiddlyWikigooglegroups.com
To unsubscribe from this group, send email to
TiddlyWiki-unsubscribegooglegroups.com
For more options, visit this group at http:
//groups.google.com/group/TiddlyWiki?hl=en
-~----------~----~----~----~------~----~------~--~---

> the footer does not run across the page, but rather
jams into the
> mainMenu. I suppose if I put several more empty lines
in the tiddler
> that will be taken care of.

That's because the MainMenu uses absolute positioning, and
thus is 
removed from the normal flow.
There's no way to properly clear abspos'd elements, so
adding those 
empty lines is probably your best bet.


-- F.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the
Google Groups "TiddlyWiki" group.
To post to this group, send email to TiddlyWikigooglegroups.com
To unsubscribe from this group, send email to
TiddlyWiki-unsubscribegooglegroups.com
For more options, visit this group at http:
//groups.google.com/group/TiddlyWiki?hl=en
-~----------~----~----~----~------~----~------~--~---